diff --git a/assets/css/style.css b/assets/css/style.css
index 8f899d7..1bd3d35 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -1,4593 +1,4616 @@
 /* assets */
 
 /* ! tailwindcss v3.3.3 | MIT License | https://tailwindcss.com */
 
 /*
 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
 2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
 */
 
 *,
 ::before,
 ::after {
   box-sizing: border-box;
   /* 1 */
   border-width: 0;
   /* 2 */
   border-style: solid;
   /* 2 */
   border-color: #e5e7eb;
   /* 2 */
 }
 
 ::before,
 ::after {
   --tw-content: '';
 }
 
 /*
 1. Use a consistent sensible line-height in all browsers.
 2. Prevent adjustments of font size after orientation changes in iOS.
 3. Use a more readable tab size.
 4. Use the user's configured `sans` font-family by default.
 5. Use the user's configured `sans` font-feature-settings by default.
 6. Use the user's configured `sans` font-variation-settings by default.
 */
 
 html {
   line-height: 1.5;
   /* 1 */
   -webkit-text-size-adjust: 100%;
   /* 2 */
   -moz-tab-size: 4;
   /* 3 */
   -o-tab-size: 4;
      tab-size: 4;
   /* 3 */
   font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
   /* 4 */
   font-feature-settings: normal;
   /* 5 */
   font-variation-settings: normal;
   /* 6 */
 }
 
 /*
 1. Remove the margin in all browsers.
 2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
 */
 
 body {
   margin: 0;
   /* 1 */
   line-height: inherit;
   /* 2 */
 }
 
 /*
 1. Add the correct height in Firefox.
 2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
 3. Ensure horizontal rules are visible by default.
 */
 
 hr {
   height: 0;
   /* 1 */
   color: inherit;
   /* 2 */
   border-top-width: 1px;
   /* 3 */
 }
 
 /*
 Add the correct text decoration in Chrome, Edge, and Safari.
 */
 
 abbr:where([title]) {
   -webkit-text-decoration: underline dotted;
           text-decoration: underline dotted;
 }
 
 /*
 Remove the default font size and weight for headings.
 */
 
 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
   font-size: inherit;
   font-weight: inherit;
 }
 
 /*
 Reset links to optimize for opt-in styling instead of opt-out.
 */
 
 a {
   color: inherit;
   text-decoration: inherit;
 }
 
 /*
 Add the correct font weight in Edge and Safari.
 */
 
 b,
 strong {
   font-weight: bolder;
 }
 
 /*
 1. Use the user's configured `mono` font family by default.
 2. Correct the odd `em` font sizing in all browsers.
 */
 
 code,
 kbd,
 samp,
 pre {
   font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
   /* 1 */
   font-size: 1em;
   /* 2 */
 }
 
 /*
 Add the correct font size in all browsers.
 */
 
 small {
   font-size: 80%;
 }
 
 /*
 Prevent `sub` and `sup` elements from affecting the line height in all browsers.
 */
 
 sub,
 sup {
   font-size: 75%;
   line-height: 0;
   position: relative;
   vertical-align: baseline;
 }
 
 sub {
   bottom: -0.25em;
 }
 
 sup {
   top: -0.5em;
 }
 
 /*
 1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
 2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
 3. Remove gaps between table borders by default.
 */
 
 table {
   text-indent: 0;
   /* 1 */
   border-color: inherit;
   /* 2 */
   border-collapse: collapse;
   /* 3 */
 }
 
 /*
 1. Change the font styles in all browsers.
 2. Remove the margin in Firefox and Safari.
 3. Remove default padding in all browsers.
 */
 
 button,
 input,
 optgroup,
 select,
 textarea {
   font-family: inherit;
   /* 1 */
   font-feature-settings: inherit;
   /* 1 */
   font-variation-settings: inherit;
   /* 1 */
   font-size: 100%;
   /* 1 */
   font-weight: inherit;
   /* 1 */
   line-height: inherit;
   /* 1 */
   color: inherit;
   /* 1 */
   margin: 0;
   /* 2 */
   padding: 0;
   /* 3 */
 }
 
 /*
 Remove the inheritance of text transform in Edge and Firefox.
 */
 
 button,
 select {
   text-transform: none;
 }
 
 /*
 1. Correct the inability to style clickable types in iOS and Safari.
 2. Remove default button styles.
 */
 
 button,
 [type='button'],
 [type='reset'],
 [type='submit'] {
   -webkit-appearance: button;
   /* 1 */
   background-color: transparent;
   /* 2 */
   background-image: none;
   /* 2 */
 }
 
 /*
 Use the modern Firefox focus style for all focusable elements.
 */
 
 :-moz-focusring {
   outline: auto;
 }
 
 /*
 Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
 */
 
 :-moz-ui-invalid {
   box-shadow: none;
 }
 
 /*
 Add the correct vertical alignment in Chrome and Firefox.
 */
 
 progress {
   vertical-align: baseline;
 }
 
 /*
 Correct the cursor style of increment and decrement buttons in Safari.
 */
 
 ::-webkit-inner-spin-button,
 ::-webkit-outer-spin-button {
   height: auto;
 }
 
 /*
 1. Correct the odd appearance in Chrome and Safari.
 2. Correct the outline style in Safari.
 */
 
 [type='search'] {
   -webkit-appearance: textfield;
   /* 1 */
   outline-offset: -2px;
   /* 2 */
 }
 
 /*
 Remove the inner padding in Chrome and Safari on macOS.
 */
 
 ::-webkit-search-decoration {
   -webkit-appearance: none;
 }
 
 /*
 1. Correct the inability to style clickable types in iOS and Safari.
 2. Change font properties to `inherit` in Safari.
 */
 
 ::-webkit-file-upload-button {
   -webkit-appearance: button;
   /* 1 */
   font: inherit;
   /* 2 */
 }
 
 /*
 Add the correct display in Chrome and Safari.
 */
 
 summary {
   display: list-item;
 }
 
 /*
 Removes the default spacing and border for appropriate elements.
 */
 
 blockquote,
 dl,
 dd,
 h1,
 h2,
 h3,
 h4,
 h5,
 h6,
 hr,
 figure,
 p,
 pre {
   margin: 0;
 }
 
 fieldset {
   margin: 0;
   padding: 0;
 }
 
 legend {
   padding: 0;
 }
 
 ol,
 ul,
 menu {
   list-style: none;
   margin: 0;
   padding: 0;
 }
 
 /*
 Reset default styling for dialogs.
 */
 
 dialog {
   padding: 0;
 }
 
 /*
 Prevent resizing textareas horizontally by default.
 */
 
 textarea {
   resize: vertical;
 }
 
 /*
 1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
 2. Set the default placeholder color to the user's configured gray 400 color.
 */
 
 input::-moz-placeholder, textarea::-moz-placeholder {
   opacity: 1;
   /* 1 */
   color: #9ca3af;
   /* 2 */
 }
 
 input::placeholder,
 textarea::placeholder {
   opacity: 1;
   /* 1 */
   color: #9ca3af;
   /* 2 */
 }
 
 /*
 Set the default cursor for buttons.
 */
 
 button,
 [role="button"] {
   cursor: pointer;
 }
 
 /*
 Make sure disabled buttons don't get the pointer cursor.
 */
 
 :disabled {
   cursor: default;
 }
 
 /*
 1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
 2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
    This can trigger a poorly considered lint error in some tools but is included by design.
 */
 
 img,
 svg,
 video,
 canvas,
 audio,
 iframe,
 embed,
 object {
   display: block;
   /* 1 */
   vertical-align: middle;
   /* 2 */
 }
 
 /*
 Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
 */
 
 img,
 video {
   max-width: 100%;
   height: auto;
 }
 
 /* Make elements with the HTML hidden attribute stay hidden by default */
 
 [hidden] {
   display: none;
 }
 
 *, ::before, ::after {
   --tw-border-spacing-x: 0;
   --tw-border-spacing-y: 0;
   --tw-translate-x: 0;
   --tw-translate-y: 0;
   --tw-rotate: 0;
   --tw-skew-x: 0;
   --tw-skew-y: 0;
   --tw-scale-x: 1;
   --tw-scale-y: 1;
   --tw-pan-x:  ;
   --tw-pan-y:  ;
   --tw-pinch-zoom:  ;
   --tw-scroll-snap-strictness: proximity;
   --tw-gradient-from-position:  ;
   --tw-gradient-via-position:  ;
   --tw-gradient-to-position:  ;
   --tw-ordinal:  ;
   --tw-slashed-zero:  ;
   --tw-numeric-figure:  ;
   --tw-numeric-spacing:  ;
   --tw-numeric-fraction:  ;
   --tw-ring-inset:  ;
   --tw-ring-offset-width: 0px;
   --tw-ring-offset-color: #fff;
   --tw-ring-color: rgb(59 130 246 / 0.5);
   --tw-ring-offset-shadow: 0 0 #0000;
   --tw-ring-shadow: 0 0 #0000;
   --tw-shadow: 0 0 #0000;
   --tw-shadow-colored: 0 0 #0000;
   --tw-blur:  ;
   --tw-brightness:  ;
   --tw-contrast:  ;
   --tw-grayscale:  ;
   --tw-hue-rotate:  ;
   --tw-invert:  ;
   --tw-saturate:  ;
   --tw-sepia:  ;
   --tw-drop-shadow:  ;
   --tw-backdrop-blur:  ;
   --tw-backdrop-brightness:  ;
   --tw-backdrop-contrast:  ;
   --tw-backdrop-grayscale:  ;
   --tw-backdrop-hue-rotate:  ;
   --tw-backdrop-invert:  ;
   --tw-backdrop-opacity:  ;
   --tw-backdrop-saturate:  ;
   --tw-backdrop-sepia:  ;
 }
 
 ::backdrop {
   --tw-border-spacing-x: 0;
   --tw-border-spacing-y: 0;
   --tw-translate-x: 0;
   --tw-translate-y: 0;
   --tw-rotate: 0;
   --tw-skew-x: 0;
   --tw-skew-y: 0;
   --tw-scale-x: 1;
   --tw-scale-y: 1;
   --tw-pan-x:  ;
   --tw-pan-y:  ;
   --tw-pinch-zoom:  ;
   --tw-scroll-snap-strictness: proximity;
   --tw-gradient-from-position:  ;
   --tw-gradient-via-position:  ;
   --tw-gradient-to-position:  ;
   --tw-ordinal:  ;
   --tw-slashed-zero:  ;
   --tw-numeric-figure:  ;
   --tw-numeric-spacing:  ;
   --tw-numeric-fraction:  ;
   --tw-ring-inset:  ;
   --tw-ring-offset-width: 0px;
   --tw-ring-offset-color: #fff;
   --tw-ring-color: rgb(59 130 246 / 0.5);
   --tw-ring-offset-shadow: 0 0 #0000;
   --tw-ring-shadow: 0 0 #0000;
   --tw-shadow: 0 0 #0000;
   --tw-shadow-colored: 0 0 #0000;
   --tw-blur:  ;
   --tw-brightness:  ;
   --tw-contrast:  ;
   --tw-grayscale:  ;
   --tw-hue-rotate:  ;
   --tw-invert:  ;
   --tw-saturate:  ;
   --tw-sepia:  ;
   --tw-drop-shadow:  ;
   --tw-backdrop-blur:  ;
   --tw-backdrop-brightness:  ;
   --tw-backdrop-contrast:  ;
   --tw-backdrop-grayscale:  ;
   --tw-backdrop-hue-rotate:  ;
   --tw-backdrop-invert:  ;
   --tw-backdrop-opacity:  ;
   --tw-backdrop-saturate:  ;
   --tw-backdrop-sepia:  ;
 }
 
 .container {
   width: 100%;
 }
 
 @media (min-width: 640px) {
   .container {
     max-width: 640px;
   }
 }
 
 @media (min-width: 768px) {
   .container {
     max-width: 768px;
   }
 }
 
 @media (min-width: 1024px) {
   .container {
     max-width: 1024px;
   }
 }
 
 @media (min-width: 1280px) {
   .container {
     max-width: 1280px;
   }
 }
 
 @media (min-width: 1536px) {
   .container {
     max-width: 1536px;
   }
 }
 
 .prose {
   color: var(--tw-prose-body);
   max-width: 65ch;
 }
 
 .prose :where(p):not(:where([class~="not-prose"] *)) {
   margin-top: 1.25em;
   margin-bottom: 1.25em;
 }
 
 .prose :where([class~="lead"]):not(:where([class~="not-prose"] *)) {
   color: var(--tw-prose-lead);
   font-size: 1.25em;
   line-height: 1.6;
   margin-top: 1.2em;
   margin-bottom: 1.2em;
 }
 
 .prose :where(a):not(:where([class~="not-prose"] *)) {
   color: var(--tw-prose-links);
   text-decoration: underline;
   font-weight: 500;
 }
 
 .prose :where(strong):not(:where([class~="not-prose"] *)) {
   color: var(--tw-prose-bold);
   font-weight: 600;
 }
 
 .prose :where(a strong):not(:where([class~="not-prose"] *)) {
   color: inherit;
 }
 
 .prose :where(blockquote strong):not(:where([class~="not-prose"] *)) {
   color: inherit;
 }
 
 .prose :where(thead th strong):not(:where([class~="not-prose"] *)) {
   color: inherit;
 }
 
 .prose :where(ol):not(:where([class~="not-prose"] *)) {
   list-style-type: decimal;
   margin-top: 1.25em;
   margin-bottom: 1.25em;
   padding-left: 1.625em;
 }
 
 .prose :where(ol[type="A"]):not(:where([class~="not-prose"] *)) {
   list-style-type: upper-alpha;
 }
 
 .prose :where(ol[type="a"]):not(:where([class~="not-prose"] *)) {
   list-style-type: lower-alpha;
 }
 
 .prose :where(ol[type="A" s]):not(:where([class~="not-prose"] *)) {
   list-style-type: upper-alpha;
 }
 
 .prose :where(ol[type="a" s]):not(:where([class~="not-prose"] *)) {
   list-style-type: lower-alpha;
 }
 
 .prose :where(ol[type="I"]):not(:where([class~="not-prose"] *)) {
   list-style-type: upper-roman;
 }
 
 .prose :where(ol[type="i"]):not(:where([class~="not-prose"] *)) {
   list-style-type: lower-roman;
 }
 
 .prose :where(ol[type="I" s]):not(:where([class~="not-prose"] *)) {
   list-style-type: upper-roman;
 }
 
 .prose :where(ol[type="i" s]):not(:where([class~="not-prose"] *)) {
   list-style-type: lower-roman;
 }
 
 .prose :where(ol[type="1"]):not(:where([class~="not-prose"] *)) {
   list-style-type: decimal;
 }
 
 .prose :where(ul):not(:where([class~="not-prose"] *)) {
   list-style-type: disc;
   margin-top: 1.25em;
   margin-bottom: 1.25em;
   padding-left: 1.625em;
 }
 
 .prose :where(ol > li):not(:where([class~="not-prose"] *))::marker {
   font-weight: 400;
   color: var(--tw-prose-counters);
 }
 
 .prose :where(ul > li):not(:where([class~="not-prose"] *))::marker {
   color: var(--tw-prose-bullets);
 }
 
 .prose :where(hr):not(:where([class~="not-prose"] *)) {
   border-color: var(--tw-prose-hr);
   border-top-width: 1px;
   margin-top: 3em;
   margin-bottom: 3em;
 }
 
 .prose :where(blockquote):not(:where([class~="not-prose"] *)) {
   font-weight: 500;
   font-style: italic;
   color: var(--tw-prose-quotes);
   border-left-width: 0.25rem;
   border-left-color: var(--tw-prose-quote-borders);
   quotes: "\201C""\201D""\2018""\2019";
   margin-top: 1.6em;
   margin-bottom: 1.6em;
   padding-left: 1em;
 }
 
 .prose :where(blockquote p:first-of-type):not(:where([class~="not-prose"] *))::before {
   content: open-quote;
 }
 
 .prose :where(blockquote p:last-of-type):not(:where([class~="not-prose"] *))::after {
   content: close-quote;
 }
 
 .prose :where(h1):not(:where([class~="not-prose"] *)) {
   color: var(--tw-prose-headings);
   font-weight: 800;
   font-size: 2.25em;
   margin-top: 0;
   margin-bottom: 0.8888889em;
   line-height: 1.1111111;
 }
 
 .prose :where(h1 strong):not(:where([class~="not-prose"] *)) {
   font-weight: 900;
   color: inherit;
 }
 
 .prose :where(h2):not(:where([class~="not-prose"] *)) {
   color: var(--tw-prose-headings);
   font-weight: 700;
   font-size: 1.5em;
   margin-top: 2em;
   margin-bottom: 1em;
   line-height: 1.3333333;
 }
 
 .prose :where(h2 strong):not(:where([class~="not-prose"] *)) {
   font-weight: 800;
   color: inherit;
 }
 
 .prose :where(h3):not(:where([class~="not-prose"] *)) {
   color: var(--tw-prose-headings);
   font-weight: 600;
   font-size: 1.25em;
   margin-top: 1.6em;
   margin-bottom: 0.6em;
   line-height: 1.6;
 }
 
 .prose :where(h3 strong):not(:where([class~="not-prose"] *)) {
   font-weight: 700;
   color: inherit;
 }
 
 .prose :where(h4):not(:where([class~="not-prose"] *)) {
   color: var(--tw-prose-headings);
   font-weight: 600;
   margin-top: 1.5em;
   margin-bottom: 0.5em;
   line-height: 1.5;
 }
 
 .prose :where(h4 strong):not(:where([class~="not-prose"] *)) {
   font-weight: 700;
   color: inherit;
 }
 
 .prose :where(img):not(:where([class~="not-prose"] *)) {
   margin-top: 2em;
   margin-bottom: 2em;
 }
 
 .prose :where(figure > *):not(:where([class~="not-prose"] *)) {
   margin-top: 0;
   margin-bottom: 0;
 }
 
 .prose :where(figcaption):not(:where([class~="not-prose"] *)) {
   color: var(--tw-prose-captions);
   font-size: 0.875em;
   line-height: 1.4285714;
   margin-top: 0.8571429em;
 }
 
 .prose :where(code):not(:where([class~="not-prose"] *)) {
   color: var(--tw-prose-code);
   font-weight: 600;
   font-size: 0.875em;
 }
 
 .prose :where(code):not(:where([class~="not-prose"] *))::before {
   content: "`";
 }
 
 .prose :where(code):not(:where([class~="not-prose"] *))::after {
   content: "`";
 }
 
 .prose :where(a code):not(:where([class~="not-prose"] *)) {
   color: inherit;
 }
 
 .prose :where(h1 code):not(:where([class~="not-prose"] *)) {
   color: inherit;
 }
 
 .prose :where(h2 code):not(:where([class~="not-prose"] *)) {
   color: inherit;
   font-size: 0.875em;
 }
 
 .prose :where(h3 code):not(:where([class~="not-prose"] *)) {
   color: inherit;
   font-size: 0.9em;
 }
 
 .prose :where(h4 code):not(:where([class~="not-prose"] *)) {
   color: inherit;
 }
 
 .prose :where(blockquote code):not(:where([class~="not-prose"] *)) {
   color: inherit;
 }
 
 .prose :where(thead th code):not(:where([class~="not-prose"] *)) {
   color: inherit;
 }
 
 .prose :where(pre):not(:where([class~="not-prose"] *)) {
   color: var(--tw-prose-pre-code);
   background-color: var(--tw-prose-pre-bg);
   overflow-x: auto;
   font-weight: 400;
   font-size: 0.875em;
   line-height: 1.7142857;
   margin-top: 1.7142857em;
   margin-bottom: 1.7142857em;
   border-radius: 0.375rem;
   padding-top: 0.8571429em;
   padding-right: 1.1428571em;
   padding-bottom: 0.8571429em;
   padding-left: 1.1428571em;
 }
 
 .prose :where(pre code):not(:where([class~="not-prose"] *)) {
   background-color: transparent;
   border-width: 0;
   border-radius: 0;
   padding: 0;
   font-weight: inherit;
   color: inherit;
   font-size: inherit;
   font-family: inherit;
   line-height: inherit;
 }
 
 .prose :where(pre code):not(:where([class~="not-prose"] *))::before {
   content: none;
 }
 
 .prose :where(pre code):not(:where([class~="not-prose"] *))::after {
   content: none;
 }
 
 .prose :where(table):not(:where([class~="not-prose"] *)) {
   width: 100%;
   table-layout: auto;
   text-align: left;
   margin-top: 2em;
   margin-bottom: 2em;
   font-size: 0.875em;
   line-height: 1.7142857;
 }
 
 .prose :where(thead):not(:where([class~="not-prose"] *)) {
   border-bottom-width: 1px;
   border-bottom-color: var(--tw-prose-th-borders);
 }
 
 .prose :where(thead th):not(:where([class~="not-prose"] *)) {
   color: var(--tw-prose-headings);
   font-weight: 600;
   vertical-align: bottom;
   padding-right: 0.5714286em;
   padding-bottom: 0.5714286em;
   padding-left: 0.5714286em;
 }
 
 .prose :where(tbody tr):not(:where([class~="not-prose"] *)) {
   border-bottom-width: 1px;
   border-bottom-color: var(--tw-prose-td-borders);
 }
 
 .prose :where(tbody tr:last-child):not(:where([class~="not-prose"] *)) {
   border-bottom-width: 0;
 }
 
 .prose :where(tbody td):not(:where([class~="not-prose"] *)) {
   vertical-align: baseline;
 }
 
 .prose :where(tfoot):not(:where([class~="not-prose"] *)) {
   border-top-width: 1px;
   border-top-color: var(--tw-prose-th-borders);
 }
 
 .prose :where(tfoot td):not(:where([class~="not-prose"] *)) {
   vertical-align: top;
 }
 
 .prose {
   --tw-prose-body: #27272a;
   --tw-prose-headings: #18181b;
   --tw-prose-lead: #3f3f46;
   --tw-prose-links: #18181b;
   --tw-prose-bold: #18181b;
   --tw-prose-counters: #52525b;
   --tw-prose-bullets: #a1a1aa;
   --tw-prose-hr: #d4d4d8;
   --tw-prose-quotes: #18181b;
   --tw-prose-quote-borders: #d4d4d8;
   --tw-prose-captions: #3f3f46;
   --tw-prose-code: #6366f1;
   --tw-prose-pre-code: #a5b4fc;
   --tw-prose-pre-bg: #111827;
   --tw-prose-th-borders: #d4d4d8;
   --tw-prose-td-borders: #e4e4e7;
   --tw-prose-invert-body: #e4e4e7;
   --tw-prose-invert-headings: #fff;
   --tw-prose-invert-lead: #d4d4d8;
   --tw-prose-invert-links: #818cf8;
   --tw-prose-invert-bold: #fff;
   --tw-prose-invert-counters: #a1a1aa;
   --tw-prose-invert-bullets: #e4e4e7;
   --tw-prose-invert-hr: #71717a;
   --tw-prose-invert-quotes: #f4f4f5;
   --tw-prose-invert-quote-borders: #3f3f46;
   --tw-prose-invert-captions: #a1a1aa;
   --tw-prose-invert-code: #818cf8;
   --tw-prose-invert-pre-code: #a5b4fc;
   --tw-prose-invert-pre-bg: #111827;
   --tw-prose-invert-th-borders: #f4f4f5;
   --tw-prose-invert-td-borders: #71717a;
   font-size: 1rem;
   line-height: 1.75;
 }
 
 .prose :where(video):not(:where([class~="not-prose"] *)) {
   margin-top: 2em;
   margin-bottom: 2em;
 }
 
 .prose :where(figure):not(:where([class~="not-prose"] *)) {
   margin-top: 2em;
   margin-bottom: 2em;
 }
 
 .prose :where(li):not(:where([class~="not-prose"] *)) {
   margin-top: 0.5em;
   margin-bottom: 0.5em;
 }
 
 .prose :where(ol > li):not(:where([class~="not-prose"] *)) {
   padding-left: 0.375em;
 }
 
 .prose :where(ul > li):not(:where([class~="not-prose"] *)) {
   padding-left: 0.375em;
 }
 
 .prose :where(.prose > ul > li p):not(:where([class~="not-prose"] *)) {
   margin-top: 0.75em;
   margin-bottom: 0.75em;
 }
 
 .prose :where(.prose > ul > li > *:first-child):not(:where([class~="not-prose"] *)) {
   margin-top: 1.25em;
 }
 
 .prose :where(.prose > ul > li > *:last-child):not(:where([class~="not-prose"] *)) {
   margin-bottom: 1.25em;
 }
 
 .prose :where(.prose > ol > li > *:first-child):not(:where([class~="not-prose"] *)) {
   margin-top: 1.25em;
 }
 
 .prose :where(.prose > ol > li > *:last-child):not(:where([class~="not-prose"] *)) {
   margin-bottom: 1.25em;
 }
 
 .prose :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"] *)) {
   margin-top: 0.75em;
   margin-bottom: 0.75em;
 }
 
 .prose :where(hr + *):not(:where([class~="not-prose"] *)) {
   margin-top: 0;
 }
 
 .prose :where(h2 + *):not(:where([class~="not-prose"] *)) {
   margin-top: 0;
 }
 
 .prose :where(h3 + *):not(:where([class~="not-prose"] *)) {
   margin-top: 0;
 }
 
 .prose :where(h4 + *):not(:where([class~="not-prose"] *)) {
   margin-top: 0;
 }
 
 .prose :where(thead th:first-child):not(:where([class~="not-prose"] *)) {
   padding-left: 0;
 }
 
 .prose :where(thead th:last-child):not(:where([class~="not-prose"] *)) {
   padding-right: 0;
 }
 
 .prose :where(tbody td, tfoot td):not(:where([class~="not-prose"] *)) {
   padding-top: 0.5714286em;
   padding-right: 0.5714286em;
   padding-bottom: 0.5714286em;
   padding-left: 0.5714286em;
 }
 
 .prose :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"] *)) {
   padding-left: 0;
 }
 
 .prose :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"] *)) {
   padding-right: 0;
 }
 
 .prose :where(.prose > :first-child):not(:where([class~="not-prose"] *)) {
   margin-top: 0;
 }
 
 .prose :where(.prose > :last-child):not(:where([class~="not-prose"] *)) {
   margin-bottom: 0;
 }
 
 .prose-sm {
   font-size: 0.875rem;
   line-height: 1.7142857;
 }
 
 .prose-sm :where(p):not(:where([class~="not-prose"] *)) {
   margin-top: 1.1428571em;
   margin-bottom: 1.1428571em;
 }
 
 .prose-sm :where([class~="lead"]):not(:where([class~="not-prose"] *)) {
   font-size: 1.2857143em;
   line-height: 1.5555556;
   margin-top: 0.8888889em;
   margin-bottom: 0.8888889em;
 }
 
 .prose-sm :where(blockquote):not(:where([class~="not-prose"] *)) {
   margin-top: 1.3333333em;
   margin-bottom: 1.3333333em;
   padding-left: 1.1111111em;
 }
 
 .prose-sm :where(h1):not(:where([class~="not-prose"] *)) {
   font-size: 2.1428571em;
   margin-top: 0;
   margin-bottom: 0.8em;
   line-height: 1.2;
 }
 
 .prose-sm :where(h2):not(:where([class~="not-prose"] *)) {
   font-size: 1.4285714em;
   margin-top: 1.6em;
   margin-bottom: 0.8em;
   line-height: 1.4;
 }
 
 .prose-sm :where(h3):not(:where([class~="not-prose"] *)) {
   font-size: 1.2857143em;
   margin-top: 1.5555556em;
   margin-bottom: 0.4444444em;
   line-height: 1.5555556;
 }
 
 .prose-sm :where(h4):not(:where([class~="not-prose"] *)) {
   margin-top: 1.4285714em;
   margin-bottom: 0.5714286em;
   line-height: 1.4285714;
 }
 
 .prose-sm :where(img):not(:where([class~="not-prose"] *)) {
   margin-top: 1.7142857em;
   margin-bottom: 1.7142857em;
 }
 
 .prose-sm :where(video):not(:where([class~="not-prose"] *)) {
   margin-top: 1.7142857em;
   margin-bottom: 1.7142857em;
 }
 
 .prose-sm :where(figure):not(:where([class~="not-prose"] *)) {
   margin-top: 1.7142857em;
   margin-bottom: 1.7142857em;
 }
 
 .prose-sm :where(figure > *):not(:where([class~="not-prose"] *)) {
   margin-top: 0;
   margin-bottom: 0;
 }
 
 .prose-sm :where(figcaption):not(:where([class~="not-prose"] *)) {
   font-size: 0.8571429em;
   line-height: 1.3333333;
   margin-top: 0.6666667em;
 }
 
 .prose-sm :where(code):not(:where([class~="not-prose"] *)) {
   font-size: 0.8571429em;
 }
 
 .prose-sm :where(h2 code):not(:where([class~="not-prose"] *)) {
   font-size: 0.9em;
 }
 
 .prose-sm :where(h3 code):not(:where([class~="not-prose"] *)) {
   font-size: 0.8888889em;
 }
 
 .prose-sm :where(pre):not(:where([class~="not-prose"] *)) {
   font-size: 0.8571429em;
   line-height: 1.6666667;
   margin-top: 1.6666667em;
   margin-bottom: 1.6666667em;
   border-radius: 0.25rem;
   padding-top: 0.6666667em;
   padding-right: 1em;
   padding-bottom: 0.6666667em;
   padding-left: 1em;
 }
 
 .prose-sm :where(ol):not(:where([class~="not-prose"] *)) {
   margin-top: 1.1428571em;
   margin-bottom: 1.1428571em;
   padding-left: 1.5714286em;
 }
 
 .prose-sm :where(ul):not(:where([class~="not-prose"] *)) {
   margin-top: 1.1428571em;
   margin-bottom: 1.1428571em;
   padding-left: 1.5714286em;
 }
 
 .prose-sm :where(li):not(:where([class~="not-prose"] *)) {
   margin-top: 0.2857143em;
   margin-bottom: 0.2857143em;
 }
 
 .prose-sm :where(ol > li):not(:where([class~="not-prose"] *)) {
   padding-left: 0.4285714em;
 }
 
 .prose-sm :where(ul > li):not(:where([class~="not-prose"] *)) {
   padding-left: 0.4285714em;
 }
 
 .prose-sm :where(.prose-sm > ul > li p):not(:where([class~="not-prose"] *)) {
   margin-top: 0.5714286em;
   margin-bottom: 0.5714286em;
 }
 
 .prose-sm :where(.prose-sm > ul > li > *:first-child):not(:where([class~="not-prose"] *)) {
   margin-top: 1.1428571em;
 }
 
 .prose-sm :where(.prose-sm > ul > li > *:last-child):not(:where([class~="not-prose"] *)) {
   margin-bottom: 1.1428571em;
 }
 
 .prose-sm :where(.prose-sm > ol > li > *:first-child):not(:where([class~="not-prose"] *)) {
   margin-top: 1.1428571em;
 }
 
 .prose-sm :where(.prose-sm > ol > li > *:last-child):not(:where([class~="not-prose"] *)) {
   margin-bottom: 1.1428571em;
 }
 
 .prose-sm :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"] *)) {
   margin-top: 0.5714286em;
   margin-bottom: 0.5714286em;
 }
 
 .prose-sm :where(hr):not(:where([class~="not-prose"] *)) {
   margin-top: 2.8571429em;
   margin-bottom: 2.8571429em;
 }
 
 .prose-sm :where(hr + *):not(:where([class~="not-prose"] *)) {
   margin-top: 0;
 }
 
 .prose-sm :where(h2 + *):not(:where([class~="not-prose"] *)) {
   margin-top: 0;
 }
 
 .prose-sm :where(h3 + *):not(:where([class~="not-prose"] *)) {
   margin-top: 0;
 }
 
 .prose-sm :where(h4 + *):not(:where([class~="not-prose"] *)) {
   margin-top: 0;
 }
 
 .prose-sm :where(table):not(:where([class~="not-prose"] *)) {
   font-size: 0.8571429em;
   line-height: 1.5;
 }
 
 .prose-sm :where(thead th):not(:where([class~="not-prose"] *)) {
   padding-right: 1em;
   padding-bottom: 0.6666667em;
   padding-left: 1em;
 }
 
 .prose-sm :where(thead th:first-child):not(:where([class~="not-prose"] *)) {
   padding-left: 0;
 }
 
 .prose-sm :where(thead th:last-child):not(:where([class~="not-prose"] *)) {
   padding-right: 0;
 }
 
 .prose-sm :where(tbody td, tfoot td):not(:where([class~="not-prose"] *)) {
   padding-top: 0.6666667em;
   padding-right: 1em;
   padding-bottom: 0.6666667em;
   padding-left: 1em;
 }
 
 .prose-sm :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"] *)) {
   padding-left: 0;
 }
 
 .prose-sm :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"] *)) {
   padding-right: 0;
 }
 
 .prose-sm :where(.prose-sm > :first-child):not(:where([class~="not-prose"] *)) {
   margin-top: 0;
 }
 
 .prose-sm :where(.prose-sm > :last-child):not(:where([class~="not-prose"] *)) {
   margin-bottom: 0;
 }
 
 .prose-base {
   font-size: 1rem;
   line-height: 1.75;
 }
 
 .prose-base :where(p):not(:where([class~="not-prose"] *)) {
   margin-top: 1.25em;
   margin-bottom: 1.25em;
 }
 
 .prose-base :where([class~="lead"]):not(:where([class~="not-prose"] *)) {
   font-size: 1.25em;
   line-height: 1.6;
   margin-top: 1.2em;
   margin-bottom: 1.2em;
 }
 
 .prose-base :where(blockquote):not(:where([class~="not-prose"] *)) {
   margin-top: 1.6em;
   margin-bottom: 1.6em;
   padding-left: 1em;
 }
 
 .prose-base :where(h1):not(:where([class~="not-prose"] *)) {
   font-size: 2.25em;
   margin-top: 0;
   margin-bottom: 0.8888889em;
   line-height: 1.1111111;
 }
 
 .prose-base :where(h2):not(:where([class~="not-prose"] *)) {
   font-size: 1.5em;
   margin-top: 2em;
   margin-bottom: 1em;
   line-height: 1.3333333;
 }
 
 .prose-base :where(h3):not(:where([class~="not-prose"] *)) {
   font-size: 1.25em;
   margin-top: 1.6em;
   margin-bottom: 0.6em;
   line-height: 1.6;
 }
 
 .prose-base :where(h4):not(:where([class~="not-prose"] *)) {
   margin-top: 1.5em;
   margin-bottom: 0.5em;
   line-height: 1.5;
 }
 
 .prose-base :where(img):not(:where([class~="not-prose"] *)) {
   margin-top: 2em;
   margin-bottom: 2em;
 }
 
 .prose-base :where(video):not(:where([class~="not-prose"] *)) {
   margin-top: 2em;
   margin-bottom: 2em;
 }
 
 .prose-base :where(figure):not(:where([class~="not-prose"] *)) {
   margin-top: 2em;
   margin-bottom: 2em;
 }
 
 .prose-base :where(figure > *):not(:where([class~="not-prose"] *)) {
   margin-top: 0;
   margin-bottom: 0;
 }
 
 .prose-base :where(figcaption):not(:where([class~="not-prose"] *)) {
   font-size: 0.875em;
   line-height: 1.4285714;
   margin-top: 0.8571429em;
 }
 
 .prose-base :where(code):not(:where([class~="not-prose"] *)) {
   font-size: 0.875em;
 }
 
 .prose-base :where(h2 code):not(:where([class~="not-prose"] *)) {
   font-size: 0.875em;
 }
 
 .prose-base :where(h3 code):not(:where([class~="not-prose"] *)) {
   font-size: 0.9em;
 }
 
 .prose-base :where(pre):not(:where([class~="not-prose"] *)) {
   font-size: 0.875em;
   line-height: 1.7142857;
   margin-top: 1.7142857em;
   margin-bottom: 1.7142857em;
   border-radius: 0.375rem;
   padding-top: 0.8571429em;
   padding-right: 1.1428571em;
   padding-bottom: 0.8571429em;
   padding-left: 1.1428571em;
 }
 
 .prose-base :where(ol):not(:where([class~="not-prose"] *)) {
   margin-top: 1.25em;
   margin-bottom: 1.25em;
   padding-left: 1.625em;
 }
 
 .prose-base :where(ul):not(:where([class~="not-prose"] *)) {
   margin-top: 1.25em;
   margin-bottom: 1.25em;
   padding-left: 1.625em;
 }
 
 .prose-base :where(li):not(:where([class~="not-prose"] *)) {
   margin-top: 0.5em;
   margin-bottom: 0.5em;
 }
 
 .prose-base :where(ol > li):not(:where([class~="not-prose"] *)) {
   padding-left: 0.375em;
 }
 
 .prose-base :where(ul > li):not(:where([class~="not-prose"] *)) {
   padding-left: 0.375em;
 }
 
 .prose-base :where(.prose-base > ul > li p):not(:where([class~="not-prose"] *)) {
   margin-top: 0.75em;
   margin-bottom: 0.75em;
 }
 
 .prose-base :where(.prose-base > ul > li > *:first-child):not(:where([class~="not-prose"] *)) {
   margin-top: 1.25em;
 }
 
 .prose-base :where(.prose-base > ul > li > *:last-child):not(:where([class~="not-prose"] *)) {
   margin-bottom: 1.25em;
 }
 
 .prose-base :where(.prose-base > ol > li > *:first-child):not(:where([class~="not-prose"] *)) {
   margin-top: 1.25em;
 }
 
 .prose-base :where(.prose-base > ol > li > *:last-child):not(:where([class~="not-prose"] *)) {
   margin-bottom: 1.25em;
 }
 
 .prose-base :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"] *)) {
   margin-top: 0.75em;
   margin-bottom: 0.75em;
 }
 
 .prose-base :where(hr):not(:where([class~="not-prose"] *)) {
   margin-top: 3em;
   margin-bottom: 3em;
 }
 
 .prose-base :where(hr + *):not(:where([class~="not-prose"] *)) {
   margin-top: 0;
 }
 
 .prose-base :where(h2 + *):not(:where([class~="not-prose"] *)) {
   margin-top: 0;
 }
 
 .prose-base :where(h3 + *):not(:where([class~="not-prose"] *)) {
   margin-top: 0;
 }
 
 .prose-base :where(h4 + *):not(:where([class~="not-prose"] *)) {
   margin-top: 0;
 }
 
 .prose-base :where(table):not(:where([class~="not-prose"] *)) {
   font-size: 0.875em;
   line-height: 1.7142857;
 }
 
 .prose-base :where(thead th):not(:where([class~="not-prose"] *)) {
   padding-right: 0.5714286em;
   padding-bottom: 0.5714286em;
   padding-left: 0.5714286em;
 }
 
 .prose-base :where(thead th:first-child):not(:where([class~="not-prose"] *)) {
   padding-left: 0;
 }
 
 .prose-base :where(thead th:last-child):not(:where([class~="not-prose"] *)) {
   padding-right: 0;
 }
 
 .prose-base :where(tbody td, tfoot td):not(:where([class~="not-prose"] *)) {
   padding-top: 0.5714286em;
   padding-right: 0.5714286em;
   padding-bottom: 0.5714286em;
   padding-left: 0.5714286em;
 }
 
 .prose-base :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"] *)) {
   padding-left: 0;
 }
 
 .prose-base :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"] *)) {
   padding-right: 0;
 }
 
 .prose-base :where(.prose-base > :first-child):not(:where([class~="not-prose"] *)) {
   margin-top: 0;
 }
 
 .prose-base :where(.prose-base > :last-child):not(:where([class~="not-prose"] *)) {
   margin-bottom: 0;
 }
 
 .prose-lg {
   font-size: 1.125rem;
   line-height: 1.7777778;
 }
 
 .prose-lg :where(p):not(:where([class~="not-prose"] *)) {
   margin-top: 1.3333333em;
   margin-bottom: 1.3333333em;
 }
 
 .prose-lg :where([class~="lead"]):not(:where([class~="not-prose"] *)) {
   font-size: 1.2222222em;
   line-height: 1.4545455;
   margin-top: 1.0909091em;
   margin-bottom: 1.0909091em;
 }
 
 .prose-lg :where(blockquote):not(:where([class~="not-prose"] *)) {
   margin-top: 1.6666667em;
   margin-bottom: 1.6666667em;
   padding-left: 1em;
 }
 
 .prose-lg :where(h1):not(:where([class~="not-prose"] *)) {
   font-size: 2.6666667em;
   margin-top: 0;
   margin-bottom: 0.8333333em;
   line-height: 1;
 }
 
 .prose-lg :where(h2):not(:where([class~="not-prose"] *)) {
   font-size: 1.6666667em;
   margin-top: 1.8666667em;
   margin-bottom: 1.0666667em;
   line-height: 1.3333333;
 }
 
 .prose-lg :where(h3):not(:where([class~="not-prose"] *)) {
   font-size: 1.3333333em;
   margin-top: 1.6666667em;
   margin-bottom: 0.6666667em;
   line-height: 1.5;
 }
 
 .prose-lg :where(h4):not(:where([class~="not-prose"] *)) {
   margin-top: 1.7777778em;
   margin-bottom: 0.4444444em;
   line-height: 1.5555556;
 }
 
 .prose-lg :where(img):not(:where([class~="not-prose"] *)) {
   margin-top: 1.7777778em;
   margin-bottom: 1.7777778em;
 }
 
 .prose-lg :where(video):not(:where([class~="not-prose"] *)) {
   margin-top: 1.7777778em;
   margin-bottom: 1.7777778em;
 }
 
 .prose-lg :where(figure):not(:where([class~="not-prose"] *)) {
   margin-top: 1.7777778em;
   margin-bottom: 1.7777778em;
 }
 
 .prose-lg :where(figure > *):not(:where([class~="not-prose"] *)) {
   margin-top: 0;
   margin-bottom: 0;
 }
 
 .prose-lg :where(figcaption):not(:where([class~="not-prose"] *)) {
   font-size: 0.8888889em;
   line-height: 1.5;
   margin-top: 1em;
 }
 
 .prose-lg :where(code):not(:where([class~="not-prose"] *)) {
   font-size: 0.8888889em;
 }
 
 .prose-lg :where(h2 code):not(:where([class~="not-prose"] *)) {
   font-size: 0.8666667em;
 }
 
 .prose-lg :where(h3 code):not(:where([class~="not-prose"] *)) {
   font-size: 0.875em;
 }
 
 .prose-lg :where(pre):not(:where([class~="not-prose"] *)) {
   font-size: 0.8888889em;
   line-height: 1.75;
   margin-top: 2em;
   margin-bottom: 2em;
   border-radius: 0.375rem;
   padding-top: 1em;
   padding-right: 1.5em;
   padding-bottom: 1em;
   padding-left: 1.5em;
 }
 
 .prose-lg :where(ol):not(:where([class~="not-prose"] *)) {
   margin-top: 1.3333333em;
   margin-bottom: 1.3333333em;
   padding-left: 1.5555556em;
 }
 
 .prose-lg :where(ul):not(:where([class~="not-prose"] *)) {
   margin-top: 1.3333333em;
   margin-bottom: 1.3333333em;
   padding-left: 1.5555556em;
 }
 
 .prose-lg :where(li):not(:where([class~="not-prose"] *)) {
   margin-top: 0.6666667em;
   margin-bottom: 0.6666667em;
 }
 
 .prose-lg :where(ol > li):not(:where([class~="not-prose"] *)) {
   padding-left: 0.4444444em;
 }
 
 .prose-lg :where(ul > li):not(:where([class~="not-prose"] *)) {
   padding-left: 0.4444444em;
 }
 
 .prose-lg :where(.prose-lg > ul > li p):not(:where([class~="not-prose"] *)) {
   margin-top: 0.8888889em;
   margin-bottom: 0.8888889em;
 }
 
 .prose-lg :where(.prose-lg > ul > li > *:first-child):not(:where([class~="not-prose"] *)) {
   margin-top: 1.3333333em;
 }
 
 .prose-lg :where(.prose-lg > ul > li > *:last-child):not(:where([class~="not-prose"] *)) {
   margin-bottom: 1.3333333em;
 }
 
 .prose-lg :where(.prose-lg > ol > li > *:first-child):not(:where([class~="not-prose"] *)) {
   margin-top: 1.3333333em;
 }
 
 .prose-lg :where(.prose-lg > ol > li > *:last-child):not(:where([class~="not-prose"] *)) {
   margin-bottom: 1.3333333em;
 }
 
 .prose-lg :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"] *)) {
   margin-top: 0.8888889em;
   margin-bottom: 0.8888889em;
 }
 
 .prose-lg :where(hr):not(:where([class~="not-prose"] *)) {
   margin-top: 3.1111111em;
   margin-bottom: 3.1111111em;
 }
 
 .prose-lg :where(hr + *):not(:where([class~="not-prose"] *)) {
   margin-top: 0;
 }
 
 .prose-lg :where(h2 + *):not(:where([class~="not-prose"] *)) {
   margin-top: 0;
 }
 
 .prose-lg :where(h3 + *):not(:where([class~="not-prose"] *)) {
   margin-top: 0;
 }
 
 .prose-lg :where(h4 + *):not(:where([class~="not-prose"] *)) {
   margin-top: 0;
 }
 
 .prose-lg :where(table):not(:where([class~="not-prose"] *)) {
   font-size: 0.8888889em;
   line-height: 1.5;
 }
 
 .prose-lg :where(thead th):not(:where([class~="not-prose"] *)) {
   padding-right: 0.75em;
   padding-bottom: 0.75em;
   padding-left: 0.75em;
 }
 
 .prose-lg :where(thead th:first-child):not(:where([class~="not-prose"] *)) {
   padding-left: 0;
 }
 
 .prose-lg :where(thead th:last-child):not(:where([class~="not-prose"] *)) {
   padding-right: 0;
 }
 
 .prose-lg :where(tbody td, tfoot td):not(:where([class~="not-prose"] *)) {
   padding-top: 0.75em;
   padding-right: 0.75em;
   padding-bottom: 0.75em;
   padding-left: 0.75em;
 }
 
 .prose-lg :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"] *)) {
   padding-left: 0;
 }
 
 .prose-lg :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"] *)) {
   padding-right: 0;
 }
 
 .prose-lg :where(.prose-lg > :first-child):not(:where([class~="not-prose"] *)) {
   margin-top: 0;
 }
 
 .prose-lg :where(.prose-lg > :last-child):not(:where([class~="not-prose"] *)) {
   margin-bottom: 0;
 }
 
 .prose-xl {
   font-size: 1.25rem;
   line-height: 1.8;
 }
 
 .prose-xl :where(p):not(:where([class~="not-prose"] *)) {
   margin-top: 1.2em;
   margin-bottom: 1.2em;
 }
 
 .prose-xl :where([class~="lead"]):not(:where([class~="not-prose"] *)) {
   font-size: 1.2em;
   line-height: 1.5;
   margin-top: 1em;
   margin-bottom: 1em;
 }
 
 .prose-xl :where(blockquote):not(:where([class~="not-prose"] *)) {
   margin-top: 1.6em;
   margin-bottom: 1.6em;
   padding-left: 1.0666667em;
 }
 
 .prose-xl :where(h1):not(:where([class~="not-prose"] *)) {
   font-size: 2.8em;
   margin-top: 0;
   margin-bottom: 0.8571429em;
   line-height: 1;
 }
 
 .prose-xl :where(h2):not(:where([class~="not-prose"] *)) {
   font-size: 1.8em;
   margin-top: 1.5555556em;
   margin-bottom: 0.8888889em;
   line-height: 1.1111111;
 }
 
 .prose-xl :where(h3):not(:where([class~="not-prose"] *)) {
   font-size: 1.5em;
   margin-top: 1.6em;
   margin-bottom: 0.6666667em;
   line-height: 1.3333333;
 }
 
 .prose-xl :where(h4):not(:where([class~="not-prose"] *)) {
   margin-top: 1.8em;
   margin-bottom: 0.6em;
   line-height: 1.6;
 }
 
 .prose-xl :where(img):not(:where([class~="not-prose"] *)) {
   margin-top: 2em;
   margin-bottom: 2em;
 }
 
 .prose-xl :where(video):not(:where([class~="not-prose"] *)) {
   margin-top: 2em;
   margin-bottom: 2em;
 }
 
 .prose-xl :where(figure):not(:where([class~="not-prose"] *)) {
   margin-top: 2em;
   margin-bottom: 2em;
 }
 
 .prose-xl :where(figure > *):not(:where([class~="not-prose"] *)) {
   margin-top: 0;
   margin-bottom: 0;
 }
 
 .prose-xl :where(figcaption):not(:where([class~="not-prose"] *)) {
   font-size: 0.9em;
   line-height: 1.5555556;
   margin-top: 1em;
 }
 
 .prose-xl :where(code):not(:where([class~="not-prose"] *)) {
   font-size: 0.9em;
 }
 
 .prose-xl :where(h2 code):not(:where([class~="not-prose"] *)) {
   font-size: 0.8611111em;
 }
 
 .prose-xl :where(h3 code):not(:where([class~="not-prose"] *)) {
   font-size: 0.9em;
 }
 
 .prose-xl :where(pre):not(:where([class~="not-prose"] *)) {
   font-size: 0.9em;
   line-height: 1.7777778;
   margin-top: 2em;
   margin-bottom: 2em;
   border-radius: 0.5rem;
   padding-top: 1.1111111em;
   padding-right: 1.3333333em;
   padding-bottom: 1.1111111em;
   padding-left: 1.3333333em;
 }
 
 .prose-xl :where(ol):not(:where([class~="not-prose"] *)) {
   margin-top: 1.2em;
   margin-bottom: 1.2em;
   padding-left: 1.6em;
 }
 
 .prose-xl :where(ul):not(:where([class~="not-prose"] *)) {
   margin-top: 1.2em;
   margin-bottom: 1.2em;
   padding-left: 1.6em;
 }
 
 .prose-xl :where(li):not(:where([class~="not-prose"] *)) {
   margin-top: 0.6em;
   margin-bottom: 0.6em;
 }
 
 .prose-xl :where(ol > li):not(:where([class~="not-prose"] *)) {
   padding-left: 0.4em;
 }
 
 .prose-xl :where(ul > li):not(:where([class~="not-prose"] *)) {
   padding-left: 0.4em;
 }
 
 .prose-xl :where(.prose-xl > ul > li p):not(:where([class~="not-prose"] *)) {
   margin-top: 0.8em;
   margin-bottom: 0.8em;
 }
 
 .prose-xl :where(.prose-xl > ul > li > *:first-child):not(:where([class~="not-prose"] *)) {
   margin-top: 1.2em;
 }
 
 .prose-xl :where(.prose-xl > ul > li > *:last-child):not(:where([class~="not-prose"] *)) {
   margin-bottom: 1.2em;
 }
 
 .prose-xl :where(.prose-xl > ol > li > *:first-child):not(:where([class~="not-prose"] *)) {
   margin-top: 1.2em;
 }
 
 .prose-xl :where(.prose-xl > ol > li > *:last-child):not(:where([class~="not-prose"] *)) {
   margin-bottom: 1.2em;
 }
 
 .prose-xl :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"] *)) {
   margin-top: 0.8em;
   margin-bottom: 0.8em;
 }
 
 .prose-xl :where(hr):not(:where([class~="not-prose"] *)) {
   margin-top: 2.8em;
   margin-bottom: 2.8em;
 }
 
 .prose-xl :where(hr + *):not(:where([class~="not-prose"] *)) {
   margin-top: 0;
 }
 
 .prose-xl :where(h2 + *):not(:where([class~="not-prose"] *)) {
   margin-top: 0;
 }
 
 .prose-xl :where(h3 + *):not(:where([class~="not-prose"] *)) {
   margin-top: 0;
 }
 
 .prose-xl :where(h4 + *):not(:where([class~="not-prose"] *)) {
   margin-top: 0;
 }
 
 .prose-xl :where(table):not(:where([class~="not-prose"] *)) {
   font-size: 0.9em;
   line-height: 1.5555556;
 }
 
 .prose-xl :where(thead th):not(:where([class~="not-prose"] *)) {
   padding-right: 0.6666667em;
   padding-bottom: 0.8888889em;
   padding-left: 0.6666667em;
 }
 
 .prose-xl :where(thead th:first-child):not(:where([class~="not-prose"] *)) {
   padding-left: 0;
 }
 
 .prose-xl :where(thead th:last-child):not(:where([class~="not-prose"] *)) {
   padding-right: 0;
 }
 
 .prose-xl :where(tbody td, tfoot td):not(:where([class~="not-prose"] *)) {
   padding-top: 0.8888889em;
   padding-right: 0.6666667em;
   padding-bottom: 0.8888889em;
   padding-left: 0.6666667em;
 }
 
 .prose-xl :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"] *)) {
   padding-left: 0;
 }
 
 .prose-xl :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"] *)) {
   padding-right: 0;
 }
 
 .prose-xl :where(.prose-xl > :first-child):not(:where([class~="not-prose"] *)) {
   margin-top: 0;
 }
 
 .prose-xl :where(.prose-xl > :last-child):not(:where([class~="not-prose"] *)) {
   margin-bottom: 0;
 }
 
 .prose-2xl {
   font-size: 1.5rem;
   line-height: 1.6666667;
 }
 
 .prose-2xl :where(p):not(:where([class~="not-prose"] *)) {
   margin-top: 1.3333333em;
   margin-bottom: 1.3333333em;
 }
 
 .prose-2xl :where([class~="lead"]):not(:where([class~="not-prose"] *)) {
   font-size: 1.25em;
   line-height: 1.4666667;
   margin-top: 1.0666667em;
   margin-bottom: 1.0666667em;
 }
 
 .prose-2xl :where(blockquote):not(:where([class~="not-prose"] *)) {
   margin-top: 1.7777778em;
   margin-bottom: 1.7777778em;
   padding-left: 1.1111111em;
 }
 
 .prose-2xl :where(h1):not(:where([class~="not-prose"] *)) {
   font-size: 2.6666667em;
   margin-top: 0;
   margin-bottom: 0.875em;
   line-height: 1;
 }
 
 .prose-2xl :where(h2):not(:where([class~="not-prose"] *)) {
   font-size: 2em;
   margin-top: 1.5em;
   margin-bottom: 0.8333333em;
   line-height: 1.0833333;
 }
 
 .prose-2xl :where(h3):not(:where([class~="not-prose"] *)) {
   font-size: 1.5em;
   margin-top: 1.5555556em;
   margin-bottom: 0.6666667em;
   line-height: 1.2222222;
 }
 
 .prose-2xl :where(h4):not(:where([class~="not-prose"] *)) {
   margin-top: 1.6666667em;
   margin-bottom: 0.6666667em;
   line-height: 1.5;
 }
 
 .prose-2xl :where(img):not(:where([class~="not-prose"] *)) {
   margin-top: 2em;
   margin-bottom: 2em;
 }
 
 .prose-2xl :where(video):not(:where([class~="not-prose"] *)) {
   margin-top: 2em;
   margin-bottom: 2em;
 }
 
 .prose-2xl :where(figure):not(:where([class~="not-prose"] *)) {
   margin-top: 2em;
   margin-bottom: 2em;
 }
 
 .prose-2xl :where(figure > *):not(:where([class~="not-prose"] *)) {
   margin-top: 0;
   margin-bottom: 0;
 }
 
 .prose-2xl :where(figcaption):not(:where([class~="not-prose"] *)) {
   font-size: 0.8333333em;
   line-height: 1.6;
   margin-top: 1em;
 }
 
 .prose-2xl :where(code):not(:where([class~="not-prose"] *)) {
   font-size: 0.8333333em;
 }
 
 .prose-2xl :where(h2 code):not(:where([class~="not-prose"] *)) {
   font-size: 0.875em;
 }
 
 .prose-2xl :where(h3 code):not(:where([class~="not-prose"] *)) {
   font-size: 0.8888889em;
 }
 
 .prose-2xl :where(pre):not(:where([class~="not-prose"] *)) {
   font-size: 0.8333333em;
   line-height: 1.8;
   margin-top: 2em;
   margin-bottom: 2em;
   border-radius: 0.5rem;
   padding-top: 1.2em;
   padding-right: 1.6em;
   padding-bottom: 1.2em;
   padding-left: 1.6em;
 }
 
 .prose-2xl :where(ol):not(:where([class~="not-prose"] *)) {
   margin-top: 1.3333333em;
   margin-bottom: 1.3333333em;
   padding-left: 1.5833333em;
 }
 
 .prose-2xl :where(ul):not(:where([class~="not-prose"] *)) {
   margin-top: 1.3333333em;
   margin-bottom: 1.3333333em;
   padding-left: 1.5833333em;
 }
 
 .prose-2xl :where(li):not(:where([class~="not-prose"] *)) {
   margin-top: 0.5em;
   margin-bottom: 0.5em;
 }
 
 .prose-2xl :where(ol > li):not(:where([class~="not-prose"] *)) {
   padding-left: 0.4166667em;
 }
 
 .prose-2xl :where(ul > li):not(:where([class~="not-prose"] *)) {
   padding-left: 0.4166667em;
 }
 
 .prose-2xl :where(.prose-2xl > ul > li p):not(:where([class~="not-prose"] *)) {
   margin-top: 0.8333333em;
   margin-bottom: 0.8333333em;
 }
 
 .prose-2xl :where(.prose-2xl > ul > li > *:first-child):not(:where([class~="not-prose"] *)) {
   margin-top: 1.3333333em;
 }
 
 .prose-2xl :where(.prose-2xl > ul > li > *:last-child):not(:where([class~="not-prose"] *)) {
   margin-bottom: 1.3333333em;
 }
 
 .prose-2xl :where(.prose-2xl > ol > li > *:first-child):not(:where([class~="not-prose"] *)) {
   margin-top: 1.3333333em;
 }
 
 .prose-2xl :where(.prose-2xl > ol > li > *:last-child):not(:where([class~="not-prose"] *)) {
   margin-bottom: 1.3333333em;
 }
 
 .prose-2xl :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"] *)) {
   margin-top: 0.6666667em;
   margin-bottom: 0.6666667em;
 }
 
 .prose-2xl :where(hr):not(:where([class~="not-prose"] *)) {
   margin-top: 3em;
   margin-bottom: 3em;
 }
 
 .prose-2xl :where(hr + *):not(:where([class~="not-prose"] *)) {
   margin-top: 0;
 }
 
 .prose-2xl :where(h2 + *):not(:where([class~="not-prose"] *)) {
   margin-top: 0;
 }
 
 .prose-2xl :where(h3 + *):not(:where([class~="not-prose"] *)) {
   margin-top: 0;
 }
 
 .prose-2xl :where(h4 + *):not(:where([class~="not-prose"] *)) {
   margin-top: 0;
 }
 
 .prose-2xl :where(table):not(:where([class~="not-prose"] *)) {
   font-size: 0.8333333em;
   line-height: 1.4;
 }
 
 .prose-2xl :where(thead th):not(:where([class~="not-prose"] *)) {
   padding-right: 0.6em;
   padding-bottom: 0.8em;
   padding-left: 0.6em;
 }
 
 .prose-2xl :where(thead th:first-child):not(:where([class~="not-prose"] *)) {
   padding-left: 0;
 }
 
 .prose-2xl :where(thead th:last-child):not(:where([class~="not-prose"] *)) {
   padding-right: 0;
 }
 
 .prose-2xl :where(tbody td, tfoot td):not(:where([class~="not-prose"] *)) {
   padding-top: 0.8em;
   padding-right: 0.6em;
   padding-bottom: 0.8em;
   padding-left: 0.6em;
 }
 
 .prose-2xl :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"] *)) {
   padding-left: 0;
 }
 
 .prose-2xl :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"] *)) {
   padding-right: 0;
 }
 
 .prose-2xl :where(.prose-2xl > :first-child):not(:where([class~="not-prose"] *)) {
   margin-top: 0;
 }
 
 .prose-2xl :where(.prose-2xl > :last-child):not(:where([class~="not-prose"] *)) {
   margin-bottom: 0;
 }
 
 .prose-invert {
   --tw-prose-body: var(--tw-prose-invert-body);
   --tw-prose-headings: var(--tw-prose-invert-headings);
   --tw-prose-lead: var(--tw-prose-invert-lead);
   --tw-prose-links: var(--tw-prose-invert-links);
   --tw-prose-bold: var(--tw-prose-invert-bold);
   --tw-prose-counters: var(--tw-prose-invert-counters);
   --tw-prose-bullets: var(--tw-prose-invert-bullets);
   --tw-prose-hr: var(--tw-prose-invert-hr);
   --tw-prose-quotes: var(--tw-prose-invert-quotes);
   --tw-prose-quote-borders: var(--tw-prose-invert-quote-borders);
   --tw-prose-captions: var(--tw-prose-invert-captions);
   --tw-prose-code: var(--tw-prose-invert-code);
   --tw-prose-pre-code: var(--tw-prose-invert-pre-code);
   --tw-prose-pre-bg: var(--tw-prose-invert-pre-bg);
   --tw-prose-th-borders: var(--tw-prose-invert-th-borders);
   --tw-prose-td-borders: var(--tw-prose-invert-td-borders);
 }
 
 .prose-slate {
   --tw-prose-body: #334155;
   --tw-prose-headings: #0f172a;
   --tw-prose-lead: #475569;
   --tw-prose-links: #0f172a;
   --tw-prose-bold: #0f172a;
   --tw-prose-counters: #64748b;
   --tw-prose-bullets: #cbd5e1;
   --tw-prose-hr: #e2e8f0;
   --tw-prose-quotes: #0f172a;
   --tw-prose-quote-borders: #e2e8f0;
   --tw-prose-captions: #64748b;
   --tw-prose-code: #0f172a;
   --tw-prose-pre-code: #e2e8f0;
   --tw-prose-pre-bg: #1e293b;
   --tw-prose-th-borders: #cbd5e1;
   --tw-prose-td-borders: #e2e8f0;
   --tw-prose-invert-body: #cbd5e1;
   --tw-prose-invert-headings: #fff;
   --tw-prose-invert-lead: #94a3b8;
   --tw-prose-invert-links: #fff;
   --tw-prose-invert-bold: #fff;
   --tw-prose-invert-counters: #94a3b8;
   --tw-prose-invert-bullets: #475569;
   --tw-prose-invert-hr: #334155;
   --tw-prose-invert-quotes: #f1f5f9;
   --tw-prose-invert-quote-borders: #334155;
   --tw-prose-invert-captions: #94a3b8;
   --tw-prose-invert-code: #fff;
   --tw-prose-invert-pre-code: #cbd5e1;
   --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);
   --tw-prose-invert-th-borders: #475569;
   --tw-prose-invert-td-borders: #334155;
 }
 
 .prose-gray {
   --tw-prose-body: #374151;
   --tw-prose-headings: #111827;
   --tw-prose-lead: #4b5563;
   --tw-prose-links: #111827;
   --tw-prose-bold: #111827;
   --tw-prose-counters: #6b7280;
   --tw-prose-bullets: #d1d5db;
   --tw-prose-hr: #e5e7eb;
   --tw-prose-quotes: #111827;
   --tw-prose-quote-borders: #e5e7eb;
   --tw-prose-captions: #6b7280;
   --tw-prose-code: #111827;
   --tw-prose-pre-code: #e5e7eb;
   --tw-prose-pre-bg: #1f2937;
   --tw-prose-th-borders: #d1d5db;
   --tw-prose-td-borders: #e5e7eb;
   --tw-prose-invert-body: #d1d5db;
   --tw-prose-invert-headings: #fff;
   --tw-prose-invert-lead: #9ca3af;
   --tw-prose-invert-links: #fff;
   --tw-prose-invert-bold: #fff;
   --tw-prose-invert-counters: #9ca3af;
   --tw-prose-invert-bullets: #4b5563;
   --tw-prose-invert-hr: #374151;
   --tw-prose-invert-quotes: #f3f4f6;
   --tw-prose-invert-quote-borders: #374151;
   --tw-prose-invert-captions: #9ca3af;
   --tw-prose-invert-code: #fff;
   --tw-prose-invert-pre-code: #d1d5db;
   --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);
   --tw-prose-invert-th-borders: #4b5563;
   --tw-prose-invert-td-borders: #374151;
 }
 
 .prose-zinc {
   --tw-prose-body: #3f3f46;
   --tw-prose-headings: #18181b;
   --tw-prose-lead: #52525b;
   --tw-prose-links: #18181b;
   --tw-prose-bold: #18181b;
   --tw-prose-counters: #71717a;
   --tw-prose-bullets: #d4d4d8;
   --tw-prose-hr: #e4e4e7;
   --tw-prose-quotes: #18181b;
   --tw-prose-quote-borders: #e4e4e7;
   --tw-prose-captions: #71717a;
   --tw-prose-code: #18181b;
   --tw-prose-pre-code: #e4e4e7;
   --tw-prose-pre-bg: #27272a;
   --tw-prose-th-borders: #d4d4d8;
   --tw-prose-td-borders: #e4e4e7;
   --tw-prose-invert-body: #d4d4d8;
   --tw-prose-invert-headings: #fff;
   --tw-prose-invert-lead: #a1a1aa;
   --tw-prose-invert-links: #fff;
   --tw-prose-invert-bold: #fff;
   --tw-prose-invert-counters: #a1a1aa;
   --tw-prose-invert-bullets: #52525b;
   --tw-prose-invert-hr: #3f3f46;
   --tw-prose-invert-quotes: #f4f4f5;
   --tw-prose-invert-quote-borders: #3f3f46;
   --tw-prose-invert-captions: #a1a1aa;
   --tw-prose-invert-code: #fff;
   --tw-prose-invert-pre-code: #d4d4d8;
   --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);
   --tw-prose-invert-th-borders: #52525b;
   --tw-prose-invert-td-borders: #3f3f46;
 }
 
 .prose-neutral {
   --tw-prose-body: #404040;
   --tw-prose-headings: #171717;
   --tw-prose-lead: #525252;
   --tw-prose-links: #171717;
   --tw-prose-bold: #171717;
   --tw-prose-counters: #737373;
   --tw-prose-bullets: #d4d4d4;
   --tw-prose-hr: #e5e5e5;
   --tw-prose-quotes: #171717;
   --tw-prose-quote-borders: #e5e5e5;
   --tw-prose-captions: #737373;
   --tw-prose-code: #171717;
   --tw-prose-pre-code: #e5e5e5;
   --tw-prose-pre-bg: #262626;
   --tw-prose-th-borders: #d4d4d4;
   --tw-prose-td-borders: #e5e5e5;
   --tw-prose-invert-body: #d4d4d4;
   --tw-prose-invert-headings: #fff;
   --tw-prose-invert-lead: #a3a3a3;
   --tw-prose-invert-links: #fff;
   --tw-prose-invert-bold: #fff;
   --tw-prose-invert-counters: #a3a3a3;
   --tw-prose-invert-bullets: #525252;
   --tw-prose-invert-hr: #404040;
   --tw-prose-invert-quotes: #f5f5f5;
   --tw-prose-invert-quote-borders: #404040;
   --tw-prose-invert-captions: #a3a3a3;
   --tw-prose-invert-code: #fff;
   --tw-prose-invert-pre-code: #d4d4d4;
   --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);
   --tw-prose-invert-th-borders: #525252;
   --tw-prose-invert-td-borders: #404040;
 }
 
 .prose-stone {
   --tw-prose-body: #44403c;
   --tw-prose-headings: #1c1917;
   --tw-prose-lead: #57534e;
   --tw-prose-links: #1c1917;
   --tw-prose-bold: #1c1917;
   --tw-prose-counters: #78716c;
   --tw-prose-bullets: #d6d3d1;
   --tw-prose-hr: #e7e5e4;
   --tw-prose-quotes: #1c1917;
   --tw-prose-quote-borders: #e7e5e4;
   --tw-prose-captions: #78716c;
   --tw-prose-code: #1c1917;
   --tw-prose-pre-code: #e7e5e4;
   --tw-prose-pre-bg: #292524;
   --tw-prose-th-borders: #d6d3d1;
   --tw-prose-td-borders: #e7e5e4;
   --tw-prose-invert-body: #d6d3d1;
   --tw-prose-invert-headings: #fff;
   --tw-prose-invert-lead: #a8a29e;
   --tw-prose-invert-links: #fff;
   --tw-prose-invert-bold: #fff;
   --tw-prose-invert-counters: #a8a29e;
   --tw-prose-invert-bullets: #57534e;
   --tw-prose-invert-hr: #44403c;
   --tw-prose-invert-quotes: #f5f5f4;
   --tw-prose-invert-quote-borders: #44403c;
   --tw-prose-invert-captions: #a8a29e;
   --tw-prose-invert-code: #fff;
   --tw-prose-invert-pre-code: #d6d3d1;
   --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);
   --tw-prose-invert-th-borders: #57534e;
   --tw-prose-invert-td-borders: #44403c;
 }
 
 .sr-only {
   position: absolute;
   width: 1px;
   height: 1px;
   padding: 0;
   margin: -1px;
   overflow: hidden;
   clip: rect(0, 0, 0, 0);
   white-space: nowrap;
   border-width: 0;
 }
 
 .absolute {
   position: absolute;
 }
 
 .relative {
   position: relative;
 }
 
 .inset-0 {
   inset: 0px;
 }
 
 .inset-y-0 {
   top: 0px;
   bottom: 0px;
 }
 
 .left-1\/2 {
   left: 50%;
 }
 
 .right-0 {
   right: 0px;
 }
 
 .right-1\/2 {
   right: 50%;
 }
 
 .top-0 {
   top: 0px;
 }
 
 .top-8 {
   top: 2rem;
 }
 
 .z-30 {
   z-index: 30;
 }
 
 .z-50 {
   z-index: 50;
 }
 
 .col-span-1 {
   grid-column: span 1 / span 1;
 }
 
 .col-span-3 {
   grid-column: span 3 / span 3;
 }
 
 .col-span-6 {
   grid-column: span 6 / span 6;
 }
 
 .-mx-5 {
   margin-left: -1.25rem;
   margin-right: -1.25rem;
 }
 
 .-my-2 {
   margin-top: -0.5rem;
   margin-bottom: -0.5rem;
 }
 
 .mx-auto {
   margin-left: auto;
   margin-right: auto;
 }
 
 .my-16 {
   margin-top: 4rem;
   margin-bottom: 4rem;
 }
 
 .my-4 {
   margin-top: 1rem;
   margin-bottom: 1rem;
 }
 
 .my-6 {
   margin-top: 1.5rem;
   margin-bottom: 1.5rem;
 }
 
 .-ml-3 {
   margin-left: -0.75rem;
 }
 
 .-mr-3 {
   margin-right: -0.75rem;
 }
 
 .-mr-40 {
   margin-right: -10rem;
 }
 
 .-mt-72 {
   margin-top: -18rem;
 }
 
 .mb-2 {
   margin-bottom: 0.5rem;
 }
 
 .mb-4 {
   margin-bottom: 1rem;
 }
 
 .mb-6 {
   margin-bottom: 1.5rem;
 }
 
 .mb-8 {
   margin-bottom: 2rem;
 }
 
 .ml-1 {
   margin-left: 0.25rem;
 }
 
 .ml-3 {
   margin-left: 0.75rem;
 }
 
 .mt-1 {
   margin-top: 0.25rem;
 }
 
 .mt-12 {
   margin-top: 3rem;
 }
 
 .mt-2 {
   margin-top: 0.5rem;
 }
 
 .mt-3 {
   margin-top: 0.75rem;
 }
 
 .mt-4 {
   margin-top: 1rem;
 }
 
 .mt-6 {
   margin-top: 1.5rem;
 }
 
 .mt-8 {
   margin-top: 2rem;
 }
 
 .block {
   display: block;
 }
 
 .inline-block {
   display: inline-block;
 }
 
 .inline {
   display: inline;
 }
 
 .flex {
   display: flex;
 }
 
 .inline-flex {
   display: inline-flex;
 }
 
 .table {
   display: table;
 }
 
 .grid {
   display: grid;
 }
 
 .hidden {
   display: none;
 }
 
 .h-1\/3 {
   height: 33.333333%;
 }
 
 .h-10 {
   height: 2.5rem;
 }
 
+.h-36 {
+  height: 9rem;
+}
+
 .h-4 {
   height: 1rem;
 }
 
 .h-5 {
   height: 1.25rem;
 }
 
 .h-6 {
   height: 1.5rem;
 }
 
 .h-9 {
   height: 2.25rem;
 }
 
 .h-auto {
   height: auto;
 }
 
 .h-full {
   height: 100%;
 }
 
+.h-48 {
+  height: 12rem;
+}
+
 .max-h-12 {
   max-height: 3rem;
 }
 
 .w-0 {
   width: 0px;
 }
 
 .w-10 {
   width: 2.5rem;
 }
 
 .w-4 {
   width: 1rem;
 }
 
 .w-5 {
   width: 1.25rem;
 }
 
 .w-6 {
   width: 1.5rem;
 }
 
 .w-9 {
   width: 2.25rem;
 }
 
 .w-full {
   width: 100%;
 }
 
 .w-screen {
   width: 100vw;
 }
 
 .min-w-0 {
   min-width: 0px;
 }
 
 .max-w-2xl {
   max-width: 42rem;
 }
 
 .max-w-3xl {
   max-width: 48rem;
 }
 
 .max-w-4xl {
   max-width: 56rem;
 }
 
 .max-w-7xl {
   max-width: 80rem;
 }
 
 .max-w-full {
   max-width: 100%;
 }
 
 .max-w-md {
   max-width: 28rem;
 }
 
 .max-w-none {
   max-width: none;
 }
 
 .max-w-screen-md {
   max-width: 768px;
 }
 
 .max-w-screen-sm {
   max-width: 640px;
 }
 
 .max-w-screen-xl {
   max-width: 1280px;
 }
 
 .max-w-xl {
   max-width: 36rem;
 }
 
-.max-w-lg {
-  max-width: 32rem;
-}
-
 .flex-1 {
   flex: 1 1 0%;
 }
 
 .flex-initial {
   flex: 0 1 auto;
 }
 
 .flex-shrink-0 {
   flex-shrink: 0;
 }
 
 .flex-grow {
   flex-grow: 1;
 }
 
 .origin-top-right {
   transform-origin: top right;
 }
 
 .rotate-0 {
   --tw-rotate: 0deg;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
 
 .rotate-180 {
   --tw-rotate: 180deg;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
 
 .scale-100 {
   --tw-scale-x: 1;
   --tw-scale-y: 1;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
 
 .scale-95 {
   --tw-scale-x: .95;
   --tw-scale-y: .95;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
 
 .transform {
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
 
-.columns-2 {
-  -moz-columns: 2;
-       columns: 2;
-}
-
 .grid-cols-1 {
   grid-template-columns: repeat(1, minmax(0, 1fr));
 }
 
 .grid-cols-2 {
   grid-template-columns: repeat(2, minmax(0, 1fr));
 }
 
 .grid-cols-4 {
   grid-template-columns: repeat(4, minmax(0, 1fr));
 }
 
 .flex-row {
   flex-direction: row;
 }
 
 .flex-col {
   flex-direction: column;
 }
 
 .flex-wrap {
   flex-wrap: wrap;
 }
 
 .items-start {
   align-items: flex-start;
 }
 
 .items-center {
   align-items: center;
 }
 
 .justify-center {
   justify-content: center;
 }
 
 .justify-between {
   justify-content: space-between;
 }
 
-.justify-evenly {
-  justify-content: space-evenly;
-}
-
 .gap-0 {
   gap: 0px;
 }
 
 .gap-0\.5 {
   gap: 0.125rem;
 }
 
+.gap-3 {
+  gap: 0.75rem;
+}
+
 .gap-4 {
   gap: 1rem;
 }
 
 .gap-8 {
   gap: 2rem;
 }
 
 .space-x-1 > :not([hidden]) ~ :not([hidden]) {
   --tw-space-x-reverse: 0;
   margin-right: calc(0.25rem * var(--tw-space-x-reverse));
   margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
 }
 
 .space-x-6 > :not([hidden]) ~ :not([hidden]) {
   --tw-space-x-reverse: 0;
   margin-right: calc(1.5rem * var(--tw-space-x-reverse));
   margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse)));
 }
 
 .space-y-6 > :not([hidden]) ~ :not([hidden]) {
   --tw-space-y-reverse: 0;
   margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
   margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
 }
 
 .space-y-8 > :not([hidden]) ~ :not([hidden]) {
   --tw-space-y-reverse: 0;
   margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
   margin-bottom: calc(2rem * var(--tw-space-y-reverse));
 }
 
 .overflow-hidden {
   overflow: hidden;
 }
 
 .rounded-2xl {
   border-radius: 1rem;
 }
 
 .rounded-full {
   border-radius: 9999px;
 }
 
 .rounded-lg {
   border-radius: 0.5rem;
 }
 
 .rounded-md {
   border-radius: 0.375rem;
 }
 
 .rounded-l-3xl {
   border-top-left-radius: 1.5rem;
   border-bottom-left-radius: 1.5rem;
 }
 
 .rounded-r-3xl {
   border-top-right-radius: 1.5rem;
   border-bottom-right-radius: 1.5rem;
 }
 
 .rounded-t-lg {
   border-top-left-radius: 0.5rem;
   border-top-right-radius: 0.5rem;
 }
 
 .border {
   border-width: 1px;
 }
 
 .border-2 {
   border-width: 2px;
 }
 
 .border-t-2 {
   border-top-width: 2px;
 }
 
 .border-gray-300 {
   --tw-border-opacity: 1;
   border-color: rgb(209 213 219 / var(--tw-border-opacity));
 }
 
 .border-gray-900 {
   --tw-border-opacity: 1;
   border-color: rgb(17 24 39 / var(--tw-border-opacity));
 }
 
 .border-primary-300 {
   --tw-border-opacity: 1;
   border-color: rgb(186 66 255 / var(--tw-border-opacity));
 }
 
 .border-transparent {
   border-color: transparent;
 }
 
 .border-b-stone-200\/10 {
   border-bottom-color: rgb(231 229 228 / 0.1);
 }
 
 .bg-gray-200 {
   --tw-bg-opacity: 1;
   background-color: rgb(229 231 235 / var(--tw-bg-opacity));
 }
 
 .bg-gray-300 {
   --tw-bg-opacity: 1;
   background-color: rgb(209 213 219 / var(--tw-bg-opacity));
 }
 
 .bg-gray-50 {
   --tw-bg-opacity: 1;
   background-color: rgb(249 250 251 / var(--tw-bg-opacity));
 }
 
 .bg-gray-900 {
   --tw-bg-opacity: 1;
   background-color: rgb(17 24 39 / var(--tw-bg-opacity));
 }
 
 .bg-indigo-600 {
   --tw-bg-opacity: 1;
   background-color: rgb(79 70 229 / var(--tw-bg-opacity));
 }
 
 .bg-primary-500 {
   --tw-bg-opacity: 1;
   background-color: rgb(139 0 219 / var(--tw-bg-opacity));
 }
 
 .bg-primary-600 {
   --tw-bg-opacity: 1;
   background-color: rgb(106 0 168 / var(--tw-bg-opacity));
 }
 
 .bg-transparent {
   background-color: transparent;
 }
 
 .bg-white {
   --tw-bg-opacity: 1;
   background-color: rgb(255 255 255 / var(--tw-bg-opacity));
 }
 
 .bg-zinc-100 {
   --tw-bg-opacity: 1;
   background-color: rgb(244 244 245 / var(--tw-bg-opacity));
 }
 
+.bg-slate-100 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(241 245 249 / var(--tw-bg-opacity));
+}
+
+.bg-slate-100\/50 {
+  background-color: rgb(241 245 249 / 0.5);
+}
+
+.bg-slate-100\/70 {
+  background-color: rgb(241 245 249 / 0.7);
+}
+
 .bg-center {
   background-position: center;
 }
 
 .object-fill {
   -o-object-fit: fill;
      object-fit: fill;
 }
 
 .p-2 {
   padding: 0.5rem;
 }
 
 .p-2\.5 {
   padding: 0.625rem;
 }
 
 .p-3 {
   padding: 0.75rem;
 }
 
 .p-4 {
   padding: 1rem;
 }
 
 .p-6 {
   padding: 1.5rem;
 }
 
+.p-10 {
+  padding: 2.5rem;
+}
+
+.p-5 {
+  padding: 1.25rem;
+}
+
 .px-1 {
   padding-left: 0.25rem;
   padding-right: 0.25rem;
 }
 
 .px-2 {
   padding-left: 0.5rem;
   padding-right: 0.5rem;
 }
 
 .px-2\.5 {
   padding-left: 0.625rem;
   padding-right: 0.625rem;
 }
 
 .px-4 {
   padding-left: 1rem;
   padding-right: 1rem;
 }
 
 .px-5 {
   padding-left: 1.25rem;
   padding-right: 1.25rem;
 }
 
 .px-6 {
   padding-left: 1.5rem;
   padding-right: 1.5rem;
 }
 
 .px-7 {
   padding-left: 1.75rem;
   padding-right: 1.75rem;
 }
 
 .px-8 {
   padding-left: 2rem;
   padding-right: 2rem;
 }
 
 .py-0 {
   padding-top: 0px;
   padding-bottom: 0px;
 }
 
 .py-0\.5 {
   padding-top: 0.125rem;
   padding-bottom: 0.125rem;
 }
 
 .py-10 {
   padding-top: 2.5rem;
   padding-bottom: 2.5rem;
 }
 
 .py-12 {
   padding-top: 3rem;
   padding-bottom: 3rem;
 }
 
 .py-16 {
   padding-top: 4rem;
   padding-bottom: 4rem;
 }
 
 .py-2 {
   padding-top: 0.5rem;
   padding-bottom: 0.5rem;
 }
 
 .py-2\.5 {
   padding-top: 0.625rem;
   padding-bottom: 0.625rem;
 }
 
 .py-3 {
   padding-top: 0.75rem;
   padding-bottom: 0.75rem;
 }
 
 .py-6 {
   padding-top: 1.5rem;
   padding-bottom: 1.5rem;
 }
 
 .py-8 {
   padding-top: 2rem;
   padding-bottom: 2rem;
 }
 
 .py-96 {
   padding-top: 24rem;
   padding-bottom: 24rem;
 }
 
+.px-10 {
+  padding-left: 2.5rem;
+  padding-right: 2.5rem;
+}
+
+.py-4 {
+  padding-top: 1rem;
+  padding-bottom: 1rem;
+}
+
+.px-20 {
+  padding-left: 5rem;
+  padding-right: 5rem;
+}
+
 .pb-12 {
   padding-bottom: 3rem;
 }
 
 .pb-16 {
   padding-bottom: 4rem;
 }
 
 .pb-2 {
   padding-bottom: 0.5rem;
 }
 
 .pb-4 {
   padding-bottom: 1rem;
 }
 
 .pl-4 {
   padding-left: 1rem;
 }
 
 .pr-2 {
   padding-right: 0.5rem;
 }
 
 .pt-1 {
   padding-top: 0.25rem;
 }
 
 .pt-2 {
   padding-top: 0.5rem;
 }
 
 .pt-4 {
   padding-top: 1rem;
 }
 
 .pt-6 {
   padding-top: 1.5rem;
 }
 
 .pt-8 {
   padding-top: 2rem;
 }
 
 .text-left {
   text-align: left;
 }
 
 .text-center {
   text-align: center;
 }
 
 .text-2xl {
   font-size: 1.5rem;
   line-height: 2rem;
 }
 
 .text-3xl {
   font-size: 1.875rem;
   line-height: 2.25rem;
 }
 
 .text-4xl {
   font-size: 2.25rem;
   line-height: 2.5rem;
 }
 
 .text-5xl {
   font-size: 3rem;
   line-height: 1;
 }
 
 .text-8xl {
   font-size: 6rem;
   line-height: 1;
 }
 
 .text-base {
   font-size: 1rem;
   line-height: 1.5rem;
 }
 
 .text-lg {
   font-size: 1.125rem;
   line-height: 1.75rem;
 }
 
 .text-sm {
   font-size: 0.875rem;
   line-height: 1.25rem;
 }
 
 .text-xl {
   font-size: 1.25rem;
   line-height: 1.75rem;
 }
 
 .font-black {
   font-weight: 900;
 }
 
 .font-bold {
   font-weight: 700;
 }
 
 .font-extrabold {
   font-weight: 800;
 }
 
 .font-light {
   font-weight: 300;
 }
 
 .font-medium {
   font-weight: 500;
 }
 
 .font-normal {
   font-weight: 400;
 }
 
 .font-semibold {
   font-weight: 600;
 }
 
 .uppercase {
   text-transform: uppercase;
 }
 
 .capitalize {
   text-transform: capitalize;
 }
 
 .leading-7 {
   line-height: 1.75rem;
 }
 
 .leading-none {
   line-height: 1;
 }
 
 .tracking-tight {
   letter-spacing: -0.025em;
 }
 
 .text-gray-100 {
   --tw-text-opacity: 1;
   color: rgb(243 244 246 / var(--tw-text-opacity));
 }
 
 .text-gray-200 {
   --tw-text-opacity: 1;
   color: rgb(229 231 235 / var(--tw-text-opacity));
 }
 
 .text-gray-300 {
   --tw-text-opacity: 1;
   color: rgb(209 213 219 / var(--tw-text-opacity));
 }
 
 .text-gray-400 {
   --tw-text-opacity: 1;
   color: rgb(156 163 175 / var(--tw-text-opacity));
 }
 
 .text-gray-500 {
   --tw-text-opacity: 1;
   color: rgb(107 114 128 / var(--tw-text-opacity));
 }
 
 .text-gray-800 {
   --tw-text-opacity: 1;
   color: rgb(31 41 55 / var(--tw-text-opacity));
 }
 
 .text-gray-900 {
   --tw-text-opacity: 1;
   color: rgb(17 24 39 / var(--tw-text-opacity));
 }
 
 .text-primary-100 {
   --tw-text-opacity: 1;
   color: rgb(223 168 255 / var(--tw-text-opacity));
 }
 
 .text-primary-400 {
   --tw-text-opacity: 1;
   color: rgb(167 15 255 / var(--tw-text-opacity));
 }
 
 .text-primary-500 {
   --tw-text-opacity: 1;
   color: rgb(139 0 219 / var(--tw-text-opacity));
 }
 
 .text-primary-600 {
   --tw-text-opacity: 1;
   color: rgb(106 0 168 / var(--tw-text-opacity));
 }
 
 .text-primary-900 {
   --tw-text-opacity: 1;
   color: rgb(29 0 46 / var(--tw-text-opacity));
 }
 
 .text-white {
   --tw-text-opacity: 1;
   color: rgb(255 255 255 / var(--tw-text-opacity));
 }
 
 .text-zinc-900 {
   --tw-text-opacity: 1;
   color: rgb(24 24 27 / var(--tw-text-opacity));
 }
 
 .text-opacity-40 {
   --tw-text-opacity: 0.4;
 }
 
 .underline {
   text-decoration-line: underline;
 }
 
 .placeholder-gray-500::-moz-placeholder {
   --tw-placeholder-opacity: 1;
   color: rgb(107 114 128 / var(--tw-placeholder-opacity));
 }
 
 .placeholder-gray-500::placeholder {
   --tw-placeholder-opacity: 1;
   color: rgb(107 114 128 / var(--tw-placeholder-opacity));
 }
 
 .opacity-0 {
   opacity: 0;
 }
 
 .opacity-100 {
   opacity: 1;
 }
 
 .shadow {
   --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
   --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 
 .shadow-lg {
   --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
   --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 
 .shadow-sm {
   --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
   --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 
 .shadow-xl {
   --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
   --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 
 .shadow-neutral-100\/20 {
   --tw-shadow-color: rgb(194 197 204 / 0.2);
   --tw-shadow: var(--tw-shadow-colored);
 }
 
 .ring-4 {
   --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
   --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
   box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
 }
 
 .ring-zinc-300\/40 {
   --tw-ring-color: rgb(212 212 216 / 0.4);
 }
 
 .transition {
   transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
   transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
   transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   transition-duration: 150ms;
 }
 
 .transition-colors {
   transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   transition-duration: 150ms;
 }
 
 .transition-opacity {
   transition-property: opacity;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   transition-duration: 150ms;
 }
 
 .transition-transform {
   transition-property: transform;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   transition-duration: 150ms;
 }
 
 .duration-100 {
   transition-duration: 100ms;
 }
 
 .duration-1000 {
   transition-duration: 1000ms;
 }
 
 .duration-200 {
   transition-duration: 200ms;
 }
 
 .duration-75 {
   transition-duration: 75ms;
 }
 
 .ease-in {
   transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
 }
 
 .ease-in-out {
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
 }
 
 .ease-out {
   transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
 }
 
 font-family: ui-sans-serif,
 system-ui,
 -apple-system,
 BlinkMacSystemFont,
 "Segoe UI",
 Roboto,
 "Helvetica Neue",
 Arial,
 "Noto Sans",
 sans-serif,
 Apple Color Emoji,
 Segoe UI Emoji,
 NotoColorEmoji,
 Segoe UI Symbol,
 Android Emoji,
 EmojiSymbols;
 
 /* Custom CSS */
 
 .prose :where(h1):not(:where([class~="not-prose"] *)) {
   color: white !important;
 }
 
 /* Custom CSS end */
 
 :is(.dark .dark\:prose-invert) {
   --tw-prose-body: var(--tw-prose-invert-body);
   --tw-prose-headings: var(--tw-prose-invert-headings);
   --tw-prose-lead: var(--tw-prose-invert-lead);
   --tw-prose-links: var(--tw-prose-invert-links);
   --tw-prose-bold: var(--tw-prose-invert-bold);
   --tw-prose-counters: var(--tw-prose-invert-counters);
   --tw-prose-bullets: var(--tw-prose-invert-bullets);
   --tw-prose-hr: var(--tw-prose-invert-hr);
   --tw-prose-quotes: var(--tw-prose-invert-quotes);
   --tw-prose-quote-borders: var(--tw-prose-invert-quote-borders);
   --tw-prose-captions: var(--tw-prose-invert-captions);
   --tw-prose-code: var(--tw-prose-invert-code);
   --tw-prose-pre-code: var(--tw-prose-invert-pre-code);
   --tw-prose-pre-bg: var(--tw-prose-invert-pre-bg);
   --tw-prose-th-borders: var(--tw-prose-invert-th-borders);
   --tw-prose-td-borders: var(--tw-prose-invert-td-borders);
 }
 
 @media (min-width: 768px) {
   .md\:prose-lg {
     font-size: 1.125rem;
     line-height: 1.7777778;
   }
 
   .md\:prose-lg :where(p):not(:where([class~="not-prose"] *)) {
     margin-top: 1.3333333em;
     margin-bottom: 1.3333333em;
   }
 
   .md\:prose-lg :where([class~="lead"]):not(:where([class~="not-prose"] *)) {
     font-size: 1.2222222em;
     line-height: 1.4545455;
     margin-top: 1.0909091em;
     margin-bottom: 1.0909091em;
   }
 
   .md\:prose-lg :where(blockquote):not(:where([class~="not-prose"] *)) {
     margin-top: 1.6666667em;
     margin-bottom: 1.6666667em;
     padding-left: 1em;
   }
 
   .md\:prose-lg :where(h1):not(:where([class~="not-prose"] *)) {
     font-size: 2.6666667em;
     margin-top: 0;
     margin-bottom: 0.8333333em;
     line-height: 1;
   }
 
   .md\:prose-lg :where(h2):not(:where([class~="not-prose"] *)) {
     font-size: 1.6666667em;
     margin-top: 1.8666667em;
     margin-bottom: 1.0666667em;
     line-height: 1.3333333;
   }
 
   .md\:prose-lg :where(h3):not(:where([class~="not-prose"] *)) {
     font-size: 1.3333333em;
     margin-top: 1.6666667em;
     margin-bottom: 0.6666667em;
     line-height: 1.5;
   }
 
   .md\:prose-lg :where(h4):not(:where([class~="not-prose"] *)) {
     margin-top: 1.7777778em;
     margin-bottom: 0.4444444em;
     line-height: 1.5555556;
   }
 
   .md\:prose-lg :where(img):not(:where([class~="not-prose"] *)) {
     margin-top: 1.7777778em;
     margin-bottom: 1.7777778em;
   }
 
   .md\:prose-lg :where(video):not(:where([class~="not-prose"] *)) {
     margin-top: 1.7777778em;
     margin-bottom: 1.7777778em;
   }
 
   .md\:prose-lg :where(figure):not(:where([class~="not-prose"] *)) {
     margin-top: 1.7777778em;
     margin-bottom: 1.7777778em;
   }
 
   .md\:prose-lg :where(figure > *):not(:where([class~="not-prose"] *)) {
     margin-top: 0;
     margin-bottom: 0;
   }
 
   .md\:prose-lg :where(figcaption):not(:where([class~="not-prose"] *)) {
     font-size: 0.8888889em;
     line-height: 1.5;
     margin-top: 1em;
   }
 
   .md\:prose-lg :where(code):not(:where([class~="not-prose"] *)) {
     font-size: 0.8888889em;
   }
 
   .md\:prose-lg :where(h2 code):not(:where([class~="not-prose"] *)) {
     font-size: 0.8666667em;
   }
 
   .md\:prose-lg :where(h3 code):not(:where([class~="not-prose"] *)) {
     font-size: 0.875em;
   }
 
   .md\:prose-lg :where(pre):not(:where([class~="not-prose"] *)) {
     font-size: 0.8888889em;
     line-height: 1.75;
     margin-top: 2em;
     margin-bottom: 2em;
     border-radius: 0.375rem;
     padding-top: 1em;
     padding-right: 1.5em;
     padding-bottom: 1em;
     padding-left: 1.5em;
   }
 
   .md\:prose-lg :where(ol):not(:where([class~="not-prose"] *)) {
     margin-top: 1.3333333em;
     margin-bottom: 1.3333333em;
     padding-left: 1.5555556em;
   }
 
   .md\:prose-lg :where(ul):not(:where([class~="not-prose"] *)) {
     margin-top: 1.3333333em;
     margin-bottom: 1.3333333em;
     padding-left: 1.5555556em;
   }
 
   .md\:prose-lg :where(li):not(:where([class~="not-prose"] *)) {
     margin-top: 0.6666667em;
     margin-bottom: 0.6666667em;
   }
 
   .md\:prose-lg :where(ol > li):not(:where([class~="not-prose"] *)) {
     padding-left: 0.4444444em;
   }
 
   .md\:prose-lg :where(ul > li):not(:where([class~="not-prose"] *)) {
     padding-left: 0.4444444em;
   }
 
   .md\:prose-lg :where(.md\:prose-lg > ul > li p):not(:where([class~="not-prose"] *)) {
     margin-top: 0.8888889em;
     margin-bottom: 0.8888889em;
   }
 
   .md\:prose-lg :where(.md\:prose-lg > ul > li > *:first-child):not(:where([class~="not-prose"] *)) {
     margin-top: 1.3333333em;
   }
 
   .md\:prose-lg :where(.md\:prose-lg > ul > li > *:last-child):not(:where([class~="not-prose"] *)) {
     margin-bottom: 1.3333333em;
   }
 
   .md\:prose-lg :where(.md\:prose-lg > ol > li > *:first-child):not(:where([class~="not-prose"] *)) {
     margin-top: 1.3333333em;
   }
 
   .md\:prose-lg :where(.md\:prose-lg > ol > li > *:last-child):not(:where([class~="not-prose"] *)) {
     margin-bottom: 1.3333333em;
   }
 
   .md\:prose-lg :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"] *)) {
     margin-top: 0.8888889em;
     margin-bottom: 0.8888889em;
   }
 
   .md\:prose-lg :where(hr):not(:where([class~="not-prose"] *)) {
     margin-top: 3.1111111em;
     margin-bottom: 3.1111111em;
   }
 
   .md\:prose-lg :where(hr + *):not(:where([class~="not-prose"] *)) {
     margin-top: 0;
   }
 
   .md\:prose-lg :where(h2 + *):not(:where([class~="not-prose"] *)) {
     margin-top: 0;
   }
 
   .md\:prose-lg :where(h3 + *):not(:where([class~="not-prose"] *)) {
     margin-top: 0;
   }
 
   .md\:prose-lg :where(h4 + *):not(:where([class~="not-prose"] *)) {
     margin-top: 0;
   }
 
   .md\:prose-lg :where(table):not(:where([class~="not-prose"] *)) {
     font-size: 0.8888889em;
     line-height: 1.5;
   }
 
   .md\:prose-lg :where(thead th):not(:where([class~="not-prose"] *)) {
     padding-right: 0.75em;
     padding-bottom: 0.75em;
     padding-left: 0.75em;
   }
 
   .md\:prose-lg :where(thead th:first-child):not(:where([class~="not-prose"] *)) {
     padding-left: 0;
   }
 
   .md\:prose-lg :where(thead th:last-child):not(:where([class~="not-prose"] *)) {
     padding-right: 0;
   }
 
   .md\:prose-lg :where(tbody td, tfoot td):not(:where([class~="not-prose"] *)) {
     padding-top: 0.75em;
     padding-right: 0.75em;
     padding-bottom: 0.75em;
     padding-left: 0.75em;
   }
 
   .md\:prose-lg :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"] *)) {
     padding-left: 0;
   }
 
   .md\:prose-lg :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"] *)) {
     padding-right: 0;
   }
 
   .md\:prose-lg :where(.md\:prose-lg > :first-child):not(:where([class~="not-prose"] *)) {
     margin-top: 0;
   }
 
   .md\:prose-lg :where(.md\:prose-lg > :last-child):not(:where([class~="not-prose"] *)) {
     margin-bottom: 0;
   }
 }
 
 @media (min-width: 1024px) {
   .lg\:prose-xl {
     font-size: 1.25rem;
     line-height: 1.8;
   }
 
   .lg\:prose-xl :where(p):not(:where([class~="not-prose"] *)) {
     margin-top: 1.2em;
     margin-bottom: 1.2em;
   }
 
   .lg\:prose-xl :where([class~="lead"]):not(:where([class~="not-prose"] *)) {
     font-size: 1.2em;
     line-height: 1.5;
     margin-top: 1em;
     margin-bottom: 1em;
   }
 
   .lg\:prose-xl :where(blockquote):not(:where([class~="not-prose"] *)) {
     margin-top: 1.6em;
     margin-bottom: 1.6em;
     padding-left: 1.0666667em;
   }
 
   .lg\:prose-xl :where(h1):not(:where([class~="not-prose"] *)) {
     font-size: 2.8em;
     margin-top: 0;
     margin-bottom: 0.8571429em;
     line-height: 1;
   }
 
   .lg\:prose-xl :where(h2):not(:where([class~="not-prose"] *)) {
     font-size: 1.8em;
     margin-top: 1.5555556em;
     margin-bottom: 0.8888889em;
     line-height: 1.1111111;
   }
 
   .lg\:prose-xl :where(h3):not(:where([class~="not-prose"] *)) {
     font-size: 1.5em;
     margin-top: 1.6em;
     margin-bottom: 0.6666667em;
     line-height: 1.3333333;
   }
 
   .lg\:prose-xl :where(h4):not(:where([class~="not-prose"] *)) {
     margin-top: 1.8em;
     margin-bottom: 0.6em;
     line-height: 1.6;
   }
 
   .lg\:prose-xl :where(img):not(:where([class~="not-prose"] *)) {
     margin-top: 2em;
     margin-bottom: 2em;
   }
 
   .lg\:prose-xl :where(video):not(:where([class~="not-prose"] *)) {
     margin-top: 2em;
     margin-bottom: 2em;
   }
 
   .lg\:prose-xl :where(figure):not(:where([class~="not-prose"] *)) {
     margin-top: 2em;
     margin-bottom: 2em;
   }
 
   .lg\:prose-xl :where(figure > *):not(:where([class~="not-prose"] *)) {
     margin-top: 0;
     margin-bottom: 0;
   }
 
   .lg\:prose-xl :where(figcaption):not(:where([class~="not-prose"] *)) {
     font-size: 0.9em;
     line-height: 1.5555556;
     margin-top: 1em;
   }
 
   .lg\:prose-xl :where(code):not(:where([class~="not-prose"] *)) {
     font-size: 0.9em;
   }
 
   .lg\:prose-xl :where(h2 code):not(:where([class~="not-prose"] *)) {
     font-size: 0.8611111em;
   }
 
   .lg\:prose-xl :where(h3 code):not(:where([class~="not-prose"] *)) {
     font-size: 0.9em;
   }
 
   .lg\:prose-xl :where(pre):not(:where([class~="not-prose"] *)) {
     font-size: 0.9em;
     line-height: 1.7777778;
     margin-top: 2em;
     margin-bottom: 2em;
     border-radius: 0.5rem;
     padding-top: 1.1111111em;
     padding-right: 1.3333333em;
     padding-bottom: 1.1111111em;
     padding-left: 1.3333333em;
   }
 
   .lg\:prose-xl :where(ol):not(:where([class~="not-prose"] *)) {
     margin-top: 1.2em;
     margin-bottom: 1.2em;
     padding-left: 1.6em;
   }
 
   .lg\:prose-xl :where(ul):not(:where([class~="not-prose"] *)) {
     margin-top: 1.2em;
     margin-bottom: 1.2em;
     padding-left: 1.6em;
   }
 
   .lg\:prose-xl :where(li):not(:where([class~="not-prose"] *)) {
     margin-top: 0.6em;
     margin-bottom: 0.6em;
   }
 
   .lg\:prose-xl :where(ol > li):not(:where([class~="not-prose"] *)) {
     padding-left: 0.4em;
   }
 
   .lg\:prose-xl :where(ul > li):not(:where([class~="not-prose"] *)) {
     padding-left: 0.4em;
   }
 
   .lg\:prose-xl :where(.lg\:prose-xl > ul > li p):not(:where([class~="not-prose"] *)) {
     margin-top: 0.8em;
     margin-bottom: 0.8em;
   }
 
   .lg\:prose-xl :where(.lg\:prose-xl > ul > li > *:first-child):not(:where([class~="not-prose"] *)) {
     margin-top: 1.2em;
   }
 
   .lg\:prose-xl :where(.lg\:prose-xl > ul > li > *:last-child):not(:where([class~="not-prose"] *)) {
     margin-bottom: 1.2em;
   }
 
   .lg\:prose-xl :where(.lg\:prose-xl > ol > li > *:first-child):not(:where([class~="not-prose"] *)) {
     margin-top: 1.2em;
   }
 
   .lg\:prose-xl :where(.lg\:prose-xl > ol > li > *:last-child):not(:where([class~="not-prose"] *)) {
     margin-bottom: 1.2em;
   }
 
   .lg\:prose-xl :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"] *)) {
     margin-top: 0.8em;
     margin-bottom: 0.8em;
   }
 
   .lg\:prose-xl :where(hr):not(:where([class~="not-prose"] *)) {
     margin-top: 2.8em;
     margin-bottom: 2.8em;
   }
 
   .lg\:prose-xl :where(hr + *):not(:where([class~="not-prose"] *)) {
     margin-top: 0;
   }
 
   .lg\:prose-xl :where(h2 + *):not(:where([class~="not-prose"] *)) {
     margin-top: 0;
   }
 
   .lg\:prose-xl :where(h3 + *):not(:where([class~="not-prose"] *)) {
     margin-top: 0;
   }
 
   .lg\:prose-xl :where(h4 + *):not(:where([class~="not-prose"] *)) {
     margin-top: 0;
   }
 
   .lg\:prose-xl :where(table):not(:where([class~="not-prose"] *)) {
     font-size: 0.9em;
     line-height: 1.5555556;
   }
 
   .lg\:prose-xl :where(thead th):not(:where([class~="not-prose"] *)) {
     padding-right: 0.6666667em;
     padding-bottom: 0.8888889em;
     padding-left: 0.6666667em;
   }
 
   .lg\:prose-xl :where(thead th:first-child):not(:where([class~="not-prose"] *)) {
     padding-left: 0;
   }
 
   .lg\:prose-xl :where(thead th:last-child):not(:where([class~="not-prose"] *)) {
     padding-right: 0;
   }
 
   .lg\:prose-xl :where(tbody td, tfoot td):not(:where([class~="not-prose"] *)) {
     padding-top: 0.8888889em;
     padding-right: 0.6666667em;
     padding-bottom: 0.8888889em;
     padding-left: 0.6666667em;
   }
 
   .lg\:prose-xl :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"] *)) {
     padding-left: 0;
   }
 
   .lg\:prose-xl :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"] *)) {
     padding-right: 0;
   }
 
   .lg\:prose-xl :where(.lg\:prose-xl > :first-child):not(:where([class~="not-prose"] *)) {
     margin-top: 0;
   }
 
   .lg\:prose-xl :where(.lg\:prose-xl > :last-child):not(:where([class~="not-prose"] *)) {
     margin-bottom: 0;
   }
 }
 
 .hover\:bg-black:hover {
   --tw-bg-opacity: 1;
   background-color: rgb(0 0 0 / var(--tw-bg-opacity));
 }
 
 .hover\:bg-gray-100:hover {
   --tw-bg-opacity: 1;
   background-color: rgb(243 244 246 / var(--tw-bg-opacity));
 }
 
 .hover\:bg-indigo-800:hover {
   --tw-bg-opacity: 1;
   background-color: rgb(55 48 163 / var(--tw-bg-opacity));
 }
 
 .hover\:bg-primary-200:hover {
   --tw-bg-opacity: 1;
   background-color: rgb(204 117 255 / var(--tw-bg-opacity));
 }
 
 .hover\:bg-primary-600:hover {
   --tw-bg-opacity: 1;
   background-color: rgb(106 0 168 / var(--tw-bg-opacity));
 }
 
 .hover\:bg-primary-800:hover {
   --tw-bg-opacity: 1;
   background-color: rgb(51 0 81 / var(--tw-bg-opacity));
 }
 
 .hover\:text-black:hover {
   --tw-text-opacity: 1;
   color: rgb(0 0 0 / var(--tw-text-opacity));
 }
 
 .hover\:text-gray-300:hover {
   --tw-text-opacity: 1;
   color: rgb(209 213 219 / var(--tw-text-opacity));
 }
 
 .hover\:text-primary-600:hover {
   --tw-text-opacity: 1;
   color: rgb(106 0 168 / var(--tw-text-opacity));
 }
 
 .hover\:text-white:hover {
   --tw-text-opacity: 1;
   color: rgb(255 255 255 / var(--tw-text-opacity));
 }
 
 .hover\:underline:hover {
   text-decoration-line: underline;
 }
 
 .focus\:border-indigo-500:focus {
   --tw-border-opacity: 1;
   border-color: rgb(99 102 241 / var(--tw-border-opacity));
 }
 
 .focus\:border-transparent:focus {
   border-color: transparent;
 }
 
 .focus\:bg-primary-600:focus {
   --tw-bg-opacity: 1;
   background-color: rgb(106 0 168 / var(--tw-bg-opacity));
 }
 
 .focus\:bg-primary-700:focus {
   --tw-bg-opacity: 1;
   background-color: rgb(74 0 117 / var(--tw-bg-opacity));
 }
 
 .focus\:text-white:focus {
   --tw-text-opacity: 1;
   color: rgb(255 255 255 / var(--tw-text-opacity));
 }
 
 .focus\:outline-none:focus {
   outline: 2px solid transparent;
   outline-offset: 2px;
 }
 
 .focus\:ring-2:focus {
   --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
   --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
   box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
 }
 
 .focus\:ring-4:focus {
   --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
   --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
   box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
 }
 
 .focus\:ring-gray-200:focus {
   --tw-ring-opacity: 1;
   --tw-ring-color: rgb(229 231 235 / var(--tw-ring-opacity));
 }
 
 .focus\:ring-indigo-300:focus {
   --tw-ring-opacity: 1;
   --tw-ring-color: rgb(165 180 252 / var(--tw-ring-opacity));
 }
 
 .focus\:ring-indigo-500:focus {
   --tw-ring-opacity: 1;
   --tw-ring-color: rgb(99 102 241 / var(--tw-ring-opacity));
 }
 
 .focus\:ring-primary-300:focus {
   --tw-ring-opacity: 1;
   --tw-ring-color: rgb(186 66 255 / var(--tw-ring-opacity));
 }
 
 .focus\:ring-white:focus {
   --tw-ring-opacity: 1;
   --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity));
 }
 
 .focus\:ring-offset-2:focus {
   --tw-ring-offset-width: 2px;
 }
 
 .focus\:ring-offset-primary-500:focus {
   --tw-ring-offset-color: #8B00DB;
 }
 
 .group:hover .group-hover\:bg-gray-900 {
   --tw-bg-opacity: 1;
   background-color: rgb(17 24 39 / var(--tw-bg-opacity));
 }
 
 .group:hover .group-hover\:text-gray-400\/60 {
   color: rgb(156 163 175 / 0.6);
 }
 
 .group:hover .group-hover\:opacity-50 {
   opacity: 0.5;
 }
 
 .group:focus .group-focus\:opacity-70 {
   opacity: 0.7;
 }
 
 .prose-headings\:underline :is(:where(h1, h2, h3, h4, h5, h6, th):not(:where([class~="not-prose"] *))) {
   text-decoration-line: underline;
 }
 
 .prose-a\:text-blue-600 :is(:where(a):not(:where([class~="not-prose"] *))) {
   --tw-text-opacity: 1;
   color: rgb(37 99 235 / var(--tw-text-opacity));
 }
 
 .hover\:prose-a\:text-blue-500 :is(:where(a):not(:where([class~="not-prose"] *))):hover {
   --tw-text-opacity: 1;
   color: rgb(59 130 246 / var(--tw-text-opacity));
 }
 
 .prose-img\:rounded-xl :is(:where(img):not(:where([class~="not-prose"] *))) {
   border-radius: 0.75rem;
 }
 
 :is(.dark .dark\:border-gray-600) {
   --tw-border-opacity: 1;
   border-color: rgb(75 85 99 / var(--tw-border-opacity));
 }
 
 :is(.dark .dark\:bg-gray-700) {
   --tw-bg-opacity: 1;
   background-color: rgb(55 65 81 / var(--tw-bg-opacity));
 }
 
 :is(.dark .dark\:bg-gray-800) {
   --tw-bg-opacity: 1;
   background-color: rgb(31 41 55 / var(--tw-bg-opacity));
 }
 
 :is(.dark .dark\:bg-gray-900) {
   --tw-bg-opacity: 1;
   background-color: rgb(17 24 39 / var(--tw-bg-opacity));
 }
 
 :is(.dark .dark\:bg-gray-900\/10) {
   background-color: rgb(17 24 39 / 0.1);
 }
 
 :is(.dark .dark\:bg-gray-900\/50) {
   background-color: rgb(17 24 39 / 0.5);
 }
 
 :is(.dark .dark\:bg-indigo-600) {
   --tw-bg-opacity: 1;
   background-color: rgb(79 70 229 / var(--tw-bg-opacity));
 }
 
 :is(.dark .dark\:text-gray-200) {
   --tw-text-opacity: 1;
   color: rgb(229 231 235 / var(--tw-text-opacity));
 }
 
 :is(.dark .dark\:text-gray-300) {
   --tw-text-opacity: 1;
   color: rgb(209 213 219 / var(--tw-text-opacity));
 }
 
 :is(.dark .dark\:text-gray-400) {
   --tw-text-opacity: 1;
   color: rgb(156 163 175 / var(--tw-text-opacity));
 }
 
 :is(.dark .dark\:text-gray-50) {
   --tw-text-opacity: 1;
   color: rgb(249 250 251 / var(--tw-text-opacity));
 }
 
 :is(.dark .dark\:text-gray-900\/60) {
   color: rgb(17 24 39 / 0.6);
 }
 
 :is(.dark .dark\:text-primary-100) {
   --tw-text-opacity: 1;
   color: rgb(223 168 255 / var(--tw-text-opacity));
 }
 
 :is(.dark .dark\:text-primary-300) {
   --tw-text-opacity: 1;
   color: rgb(186 66 255 / var(--tw-text-opacity));
 }
 
 :is(.dark .dark\:text-primary-400) {
   --tw-text-opacity: 1;
   color: rgb(167 15 255 / var(--tw-text-opacity));
 }
 
 :is(.dark .dark\:text-white) {
   --tw-text-opacity: 1;
   color: rgb(255 255 255 / var(--tw-text-opacity));
 }
 
 :is(.dark .dark\:text-zinc-200) {
   --tw-text-opacity: 1;
   color: rgb(228 228 231 / var(--tw-text-opacity));
 }
 
 :is(.dark .dark\:placeholder-gray-400)::-moz-placeholder {
   --tw-placeholder-opacity: 1;
   color: rgb(156 163 175 / var(--tw-placeholder-opacity));
 }
 
 :is(.dark .dark\:placeholder-gray-400)::placeholder {
   --tw-placeholder-opacity: 1;
   color: rgb(156 163 175 / var(--tw-placeholder-opacity));
 }
 
 :is(.dark .dark\:shadow-neutral-800\/40) {
   --tw-shadow-color: rgb(30 32 36 / 0.4);
   --tw-shadow: var(--tw-shadow-colored);
 }
 
 :is(.dark .dark\:ring-gray-900\/40) {
   --tw-ring-color: rgb(17 24 39 / 0.4);
 }
 
 :is(.dark .dark\:invert) {
   --tw-invert: invert(100%);
   filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
 }
 
 :is(.dark .dark\:hover\:bg-gray-700:hover) {
   --tw-bg-opacity: 1;
   background-color: rgb(55 65 81 / var(--tw-bg-opacity));
 }
 
 :is(.dark .dark\:hover\:bg-indigo-700:hover) {
   --tw-bg-opacity: 1;
   background-color: rgb(67 56 202 / var(--tw-bg-opacity));
 }
 
 :is(.dark .dark\:hover\:text-primary-500:hover) {
   --tw-text-opacity: 1;
   color: rgb(139 0 219 / var(--tw-text-opacity));
 }
 
 :is(.dark .dark\:focus\:border-indigo-500:focus) {
   --tw-border-opacity: 1;
   border-color: rgb(99 102 241 / var(--tw-border-opacity));
 }
 
 :is(.dark .dark\:focus\:ring-gray-700:focus) {
   --tw-ring-opacity: 1;
   --tw-ring-color: rgb(55 65 81 / var(--tw-ring-opacity));
 }
 
 :is(.dark .dark\:focus\:ring-indigo-500:focus) {
   --tw-ring-opacity: 1;
   --tw-ring-color: rgb(99 102 241 / var(--tw-ring-opacity));
 }
 
 :is(.dark .dark\:focus\:ring-indigo-800:focus) {
   --tw-ring-opacity: 1;
   --tw-ring-color: rgb(55 48 163 / var(--tw-ring-opacity));
 }
 
 :is(.dark .dark\:focus\:ring-primary-900:focus) {
   --tw-ring-opacity: 1;
   --tw-ring-color: rgb(29 0 46 / var(--tw-ring-opacity));
 }
 
 @media (min-width: 640px) {
   .sm\:relative {
     position: relative;
   }
 
   .sm\:col-span-2 {
     grid-column: span 2 / span 2;
   }
 
   .sm\:mx-auto {
     margin-left: auto;
     margin-right: auto;
   }
 
   .sm\:-mt-32 {
     margin-top: -8rem;
   }
 
   .sm\:mb-0 {
     margin-bottom: 0px;
   }
 
   .sm\:mb-6 {
     margin-bottom: 1.5rem;
   }
 
-  .sm\:ml-3 {
-    margin-left: 0.75rem;
-  }
-
   .sm\:mt-0 {
     margin-top: 0px;
   }
 
   .sm\:mt-12 {
     margin-top: 3rem;
   }
 
   .sm\:mt-4 {
     margin-top: 1rem;
   }
 
   .sm\:block {
     display: block;
   }
 
   .sm\:flex {
     display: flex;
   }
 
   .sm\:h-2\/3 {
     height: 66.666667%;
   }
 
   .sm\:w-fit {
     width: -moz-fit-content;
     width: fit-content;
   }
 
   .sm\:max-w-3xl {
     max-width: 48rem;
   }
 
   .sm\:max-w-lg {
     max-width: 32rem;
   }
 
   .sm\:max-w-xl {
     max-width: 36rem;
   }
 
   .sm\:px-0 {
     padding-left: 0px;
     padding-right: 0px;
   }
 
   .sm\:px-10 {
     padding-left: 2.5rem;
     padding-right: 2.5rem;
   }
 
   .sm\:px-12 {
     padding-left: 3rem;
     padding-right: 3rem;
   }
 
   .sm\:px-6 {
     padding-left: 1.5rem;
     padding-right: 1.5rem;
   }
 
   .sm\:py-20 {
     padding-top: 5rem;
     padding-bottom: 5rem;
   }
 
   .sm\:py-8 {
     padding-top: 2rem;
     padding-bottom: 2rem;
   }
 
   .sm\:pt-6 {
     padding-top: 1.5rem;
   }
 
   .sm\:text-center {
     text-align: center;
   }
 
   .sm\:text-4xl {
     font-size: 2.25rem;
     line-height: 2.5rem;
   }
 
   .sm\:text-xl {
     font-size: 1.25rem;
     line-height: 1.75rem;
   }
 }
 
 @media (min-width: 768px) {
   .md\:sticky {
     position: sticky;
   }
 
   .md\:-mt-1 {
     margin-top: -0.25rem;
   }
 
   .md\:ml-2 {
     margin-left: 0.5rem;
   }
 
   .md\:ml-4 {
     margin-left: 1rem;
   }
 
   .md\:mt-0 {
     margin-top: 0px;
   }
 
   .md\:mt-12 {
     margin-top: 3rem;
   }
 
   .md\:mt-16 {
     margin-top: 4rem;
   }
 
   .md\:mt-8 {
     margin-top: 2rem;
   }
 
   .md\:inline {
     display: inline;
   }
 
   .md\:flex {
     display: flex;
   }
 
   .md\:hidden {
     display: none;
   }
 
   .md\:h-6 {
     height: 1.5rem;
   }
 
   .md\:w-48 {
     width: 12rem;
   }
 
   .md\:w-6 {
     width: 1.5rem;
   }
 
   .md\:w-auto {
     width: auto;
   }
 
   .md\:w-screen {
     width: 100vw;
   }
 
   .md\:max-w-sm {
     max-width: 24rem;
   }
 
   .md\:grid-cols-3 {
     grid-template-columns: repeat(3, minmax(0, 1fr));
   }
 
   .md\:flex-row {
     flex-direction: row;
   }
 
   .md\:items-center {
     align-items: center;
   }
 
   .md\:justify-end {
     justify-content: flex-end;
   }
 
   .md\:justify-between {
     justify-content: space-between;
   }
 
   .md\:px-1 {
     padding-left: 0.25rem;
     padding-right: 0.25rem;
   }
 
   .md\:px-1\.5 {
     padding-left: 0.375rem;
     padding-right: 0.375rem;
   }
 
   .md\:px-6 {
     padding-left: 1.5rem;
     padding-right: 1.5rem;
   }
 
   .md\:py-12 {
     padding-top: 3rem;
     padding-bottom: 3rem;
   }
 
   .md\:pb-0 {
     padding-bottom: 0px;
   }
 
   .md\:pb-16 {
     padding-bottom: 4rem;
   }
 
   .md\:pt-12 {
     padding-top: 3rem;
   }
 
   .md\:pt-24 {
     padding-top: 6rem;
   }
 
   .md\:text-4xl {
     font-size: 2.25rem;
     line-height: 2.5rem;
   }
 
   .md\:text-5xl {
     font-size: 3rem;
     line-height: 1;
   }
 
   .md\:text-lg {
     font-size: 1.125rem;
     line-height: 1.75rem;
   }
 }
 
 @media (min-width: 1024px) {
   .lg\:absolute {
     position: absolute;
   }
 
   .lg\:relative {
     position: relative;
   }
 
   .lg\:inset-y-0 {
     top: 0px;
     bottom: 0px;
   }
 
   .lg\:-right-8 {
     right: -2rem;
   }
 
   .lg\:left-0 {
     left: 0px;
   }
 
   .lg\:left-80 {
     left: 20rem;
   }
 
   .lg\:left-auto {
     left: auto;
   }
 
   .lg\:right-0 {
     right: 0px;
   }
 
   .lg\:right-72 {
     right: 18rem;
   }
 
   .lg\:top-12 {
     top: 3rem;
   }
 
   .lg\:m-0 {
     margin: 0px;
   }
 
   .lg\:mx-0 {
     margin-left: 0px;
     margin-right: 0px;
   }
 
   .lg\:mx-auto {
     margin-left: auto;
     margin-right: auto;
   }
 
   .lg\:mb-0 {
     margin-bottom: 0px;
   }
 
   .lg\:mb-16 {
     margin-bottom: 4rem;
   }
 
   .lg\:mb-4 {
     margin-bottom: 1rem;
   }
 
   .lg\:mt-0 {
     margin-top: 0px;
   }
 
   .lg\:flex {
     display: flex;
   }
 
   .lg\:grid {
     display: grid;
   }
 
+  .lg\:h-96 {
+    height: 24rem;
+  }
+
   .lg\:h-full {
     height: 100%;
   }
 
   .lg\:w-1\/2 {
     width: 50%;
   }
 
   .lg\:w-auto {
     width: auto;
   }
 
   .lg\:w-full {
     width: 100%;
   }
 
   .lg\:w-screen {
     width: 100vw;
   }
 
   .lg\:max-w-7xl {
     max-width: 80rem;
   }
 
   .lg\:max-w-none {
     max-width: none;
   }
 
-  .lg\:max-w-5xl {
-    max-width: 64rem;
-  }
-
-  .lg\:max-w-6xl {
-    max-width: 72rem;
-  }
-
-  .lg\:max-w-full {
-    max-width: 100%;
-  }
-
   .lg\:grid-cols-12 {
     grid-template-columns: repeat(12, minmax(0, 1fr));
   }
 
   .lg\:grid-cols-2 {
     grid-template-columns: repeat(2, minmax(0, 1fr));
   }
 
   .lg\:items-start {
     align-items: flex-start;
   }
 
   .lg\:items-center {
     align-items: center;
   }
 
   .lg\:gap-12 {
     gap: 3rem;
   }
 
   .lg\:gap-24 {
     gap: 6rem;
   }
 
   .lg\:px-0 {
     padding-left: 0px;
     padding-right: 0px;
   }
 
   .lg\:px-6 {
     padding-left: 1.5rem;
     padding-right: 1.5rem;
   }
 
   .lg\:px-8 {
     padding-left: 2rem;
     padding-right: 2rem;
   }
 
   .lg\:py-0 {
     padding-top: 0px;
     padding-bottom: 0px;
   }
 
   .lg\:py-16 {
     padding-top: 4rem;
     padding-bottom: 4rem;
   }
 
   .lg\:py-20 {
     padding-top: 5rem;
     padding-bottom: 5rem;
   }
 
   .lg\:pb-16 {
     padding-bottom: 4rem;
   }
 
   .lg\:pb-24 {
     padding-bottom: 6rem;
   }
 
   .lg\:pl-12 {
     padding-left: 3rem;
   }
 
   .lg\:pt-12 {
     padding-top: 3rem;
   }
 
   .lg\:pt-20 {
     padding-top: 5rem;
   }
 
   .lg\:text-left {
     text-align: left;
   }
 
   .lg\:text-7xl {
     font-size: 4.5rem;
     line-height: 1;
   }
 }
 
 @media (min-width: 1280px) {
   .xl\:mb-2 {
     margin-bottom: 0.5rem;
   }
 
   .xl\:text-6xl {
     font-size: 3.75rem;
     line-height: 1;
   }
 
   .xl\:text-9xl {
     font-size: 8rem;
     line-height: 1;
   }
 
   .xl\:text-xl {
     font-size: 1.25rem;
     line-height: 1.75rem;
   }
 }
\ No newline at end of file
diff --git a/assets/images/global/author.webp b/assets/images/global/author.webp
deleted file mode 100644
index 2df17e5..0000000
Binary files a/assets/images/global/author.webp and /dev/null differ
diff --git a/assets/images/global/peaksat_patch_draft_purple.png b/assets/images/global/peaksat_patch_draft_purple.png
new file mode 100644
index 0000000..b9e73ec
Binary files /dev/null and b/assets/images/global/peaksat_patch_draft_purple.png differ
diff --git a/assets/images/global/sample-logo.svg b/assets/images/global/sample-logo.svg
deleted file mode 100644
index c015112..0000000
--- a/assets/images/global/sample-logo.svg
+++ /dev/null
@@ -1,36 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- Generator: Adobe Illustrator 25.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
-	<!ENTITY st0 "fill:#000000;">
-]>
-<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 viewBox="0 0 138 48" style="enable-background:new 0 0 138 48;" xml:space="preserve">
-<g>
-	<path style="&st0;" d="M62,32.6V15.4h4.7v13.5h7v3.8H62z"/>
-	<path style="&st0;" d="M89.8,24c0,1.9-0.4,3.5-1.1,4.8c-0.7,1.3-1.8,2.3-3,3c-1.3,0.7-2.7,1-4.2,1c-1.6,0-3-0.3-4.2-1
-		c-1.3-0.7-2.3-1.7-3-3c-0.7-1.3-1.1-2.9-1.1-4.8c0-1.9,0.4-3.5,1.1-4.8c0.7-1.3,1.7-2.3,3-3c1.3-0.7,2.7-1,4.2-1c1.6,0,3,0.3,4.2,1
-		c1.3,0.7,2.3,1.7,3,3C89.5,20.5,89.8,22.1,89.8,24z M85,24c0-1-0.1-1.9-0.4-2.6c-0.3-0.7-0.7-1.2-1.2-1.6c-0.5-0.4-1.2-0.6-2-0.6
-		c-0.8,0-1.4,0.2-2,0.6c-0.5,0.4-0.9,0.9-1.2,1.6C78,22.1,77.9,23,77.9,24c0,1,0.1,1.9,0.4,2.6c0.3,0.7,0.7,1.2,1.2,1.6
-		c0.5,0.4,1.2,0.6,2,0.6c0.8,0,1.4-0.2,2-0.6c0.5-0.4,0.9-0.9,1.2-1.6C84.9,25.9,85,25,85,24z"/>
-	<path style="&st0;" d="M102,21.1c-0.1-0.3-0.2-0.6-0.3-0.8c-0.2-0.2-0.4-0.4-0.6-0.6c-0.2-0.2-0.5-0.3-0.8-0.4s-0.6-0.1-1-0.1
-		c-0.8,0-1.5,0.2-2,0.6c-0.6,0.4-1,0.9-1.3,1.6c-0.3,0.7-0.4,1.6-0.4,2.6c0,1,0.1,1.9,0.4,2.6c0.3,0.7,0.7,1.3,1.2,1.6
-		c0.5,0.4,1.2,0.6,2,0.6c0.7,0,1.3-0.1,1.8-0.3s0.8-0.5,1.1-0.9c0.2-0.4,0.4-0.8,0.4-1.3l0.8,0.1h-3.9V23h7.6v2.4c0,1.6-0.3,2.9-1,4
-		c-0.7,1.1-1.6,2-2.7,2.6c-1.2,0.6-2.5,0.9-4,0.9c-1.7,0-3.1-0.4-4.4-1.1c-1.3-0.7-2.3-1.7-3-3c-0.7-1.3-1.1-2.9-1.1-4.7
-		c0-1.4,0.2-2.7,0.7-3.8c0.4-1.1,1-2,1.8-2.8c0.8-0.8,1.7-1.3,2.7-1.7c1-0.4,2.1-0.6,3.3-0.6c1,0,2,0.1,2.8,0.4s1.7,0.7,2.3,1.2
-		c0.7,0.5,1.2,1.2,1.6,1.9c0.4,0.7,0.7,1.5,0.8,2.4H102z"/>
-	<path style="&st0;" d="M124.6,24c0,1.9-0.4,3.5-1.1,4.8c-0.7,1.3-1.8,2.3-3,3c-1.3,0.7-2.7,1-4.2,1c-1.6,0-3-0.3-4.2-1
-		c-1.3-0.7-2.3-1.7-3-3c-0.7-1.3-1.1-2.9-1.1-4.8c0-1.9,0.4-3.5,1.1-4.8c0.7-1.3,1.7-2.3,3-3c1.3-0.7,2.7-1,4.2-1c1.6,0,3,0.3,4.2,1
-		c1.3,0.7,2.3,1.7,3,3C124.2,20.5,124.6,22.1,124.6,24z M119.8,24c0-1-0.1-1.9-0.4-2.6c-0.3-0.7-0.7-1.2-1.2-1.6
-		c-0.5-0.4-1.2-0.6-2-0.6c-0.8,0-1.4,0.2-2,0.6c-0.5,0.4-0.9,0.9-1.2,1.6c-0.3,0.7-0.4,1.6-0.4,2.6c0,1,0.1,1.9,0.4,2.6
-		c0.3,0.7,0.7,1.2,1.2,1.6c0.5,0.4,1.2,0.6,2,0.6c0.8,0,1.4-0.2,2-0.6c0.5-0.4,0.9-0.9,1.2-1.6C119.7,25.9,119.8,25,119.8,24z"/>
-</g>
-<g>
-	<g>
-		<polygon style="&st0;" points="33.7,36.8 19,36.8 19,8 16.5,8 16.5,36.6 13.4,36.6 13.4,4.9 22.1,4.9 22.1,33.7 33.7,33.7 		"/>
-	</g>
-	<g>
-		<polygon style="&st0;" points="46.3,43.1 13.4,43.1 13.4,40 43.2,40 43.2,8 28.2,8 28.2,27.4 40,27.4 40,36.6 36.9,36.6 
-			36.9,30.5 25.1,30.5 25.1,4.9 46.3,4.9 		"/>
-	</g>
-</g>
-</svg>
diff --git a/assets/images/global/spacedot_circle.svg b/assets/images/global/spacedot_circle.svg
new file mode 100644
index 0000000..3abcd75
--- /dev/null
+++ b/assets/images/global/spacedot_circle.svg
@@ -0,0 +1,9 @@
+<svg version="1.1" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
+ <g id="a" transform="translate(-63.642 -64)">
+  <g transform="translate(17.991 17.992)" fill="#2e98a3">
+   <circle cx="95.65" cy="96.008" r="9.6994" shape-rendering="geometricPrecision"/>
+   <path d="m73.017 118.64a32.007 32.007 0 0122.633-54.64.97.97 0 110 1.94 30.067 30.067 0 1030.069 30.069.97.97 0 011.94 0 32.009 32.009 0 01-54.642 22.632z" shape-rendering="geometricPrecision"/>
+   <circle cx="118.3" cy="73.362" r="5.0767" shape-rendering="geometricPrecision"/>
+  </g>
+ </g>
+</svg>
diff --git a/assets/images/pages/TIF_logo_el.png b/assets/images/pages/TIF_logo_el.png
new file mode 100644
index 0000000..bc06562
Binary files /dev/null and b/assets/images/pages/TIF_logo_el.png differ
diff --git a/assets/images/pages/TIF_logo_en.png b/assets/images/pages/TIF_logo_en.png
new file mode 100644
index 0000000..24c714c
Binary files /dev/null and b/assets/images/pages/TIF_logo_en.png differ
diff --git a/assets/images/pages/event_1.jpg b/assets/images/pages/event_1.jpg
new file mode 100644
index 0000000..42fa4cf
Binary files /dev/null and b/assets/images/pages/event_1.jpg differ
diff --git a/assets/images/pages/event_2.jpg b/assets/images/pages/event_2.jpg
new file mode 100644
index 0000000..424f0db
Binary files /dev/null and b/assets/images/pages/event_2.jpg differ
diff --git a/assets/images/pages/peaksat_render.png b/assets/images/pages/peaksat_render.png
new file mode 100644
index 0000000..b12d509
Binary files /dev/null and b/assets/images/pages/peaksat_render.png differ
diff --git a/assets/images/posts/comp.jpg b/assets/images/posts/comp.jpg
deleted file mode 100644
index c907945..0000000
Binary files a/assets/images/posts/comp.jpg and /dev/null differ
diff --git a/content/posts/blog-post-1.md b/content/posts/blog-post-1.md
deleted file mode 100644
index 662b41f..0000000
--- a/content/posts/blog-post-1.md
+++ /dev/null
@@ -1,16 +0,0 @@
----
-title: "Blog Post 1"
-date: 2022-06-18T11:10:36+08:00
-draft: false
-language: en
-featured_image: ../assets/images/featured/featured-img-placeholder.png
-summary: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.
-description: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero. Vestibulum vel convallis felis. Ut finibus lorem vestibulum lobortis rhoncus.
-author: TailBliss
-authorimage: ../assets/images/global/author.webp
-categories: Blog
-tags: Blog
----
-__Advertisement :smile:__
-
-This is a blog post!
\ No newline at end of file
diff --git a/content/posts/news-post-1.md b/content/posts/news-post-1.md
deleted file mode 100644
index a6d5ac4..0000000
--- a/content/posts/news-post-1.md
+++ /dev/null
@@ -1,16 +0,0 @@
----
-title: "News Post 1"
-date: 2022-05-18T11:10:36+08:00
-draft: false
-language: en
-featured_image: ../assets/images/featured/featured-img-placeholder.png
-summary: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero.
-description: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero. Vestibulum vel convallis felis. Ut finibus lorem vestibulum lobortis rhoncus.
-author: TailBliss
-authorimage: ../assets/images/global/author.webp
-categories: News
-tags: News
----
-__Advertisement :smile:__
-
-This is a news post!
\ No newline at end of file
diff --git a/content/posts/peaksat-selected.md b/content/posts/peaksat-selected.md
new file mode 100644
index 0000000..72a7504
--- /dev/null
+++ b/content/posts/peaksat-selected.md
@@ -0,0 +1,24 @@
+---
+title: "PeakSAT Selected to be one of 13 Greek CubeSats"
+date: 2023-09-01T09:00:00+03:00
+draft: false
+language: en
+featured_image: ../assets/images/featured/featured-img-placeholder.png
+summary: AUTh kicks-off the "PeakSAT" project to advance optical satellite communication from Low Earth Orbit to the Cholomondas station, as part of the _Greek CubeSats In-Orbit Validation Projects_ by ESA.
+description: The Aristotle University of Thessaloniki kicks-off the "PeakSAT" nanosatellite project to advance optical satellite communication from Low Earth Orbit to the Cholomondas station, as part of the _Greek CubeSats In-Orbit Validation Projects_ programme by the European Space Agency.
+author: SpaceDot
+authorimage: ../assets/images/global/spacedot_circle.svg
+categories: News
+tags: News
+---
+
+The Aristotle University of Thessaloniki takes another big step in expanding its space activities through the launch of the project for the construction and launch of the "PeakSAT" nanosatellite. Following a series of programmes in the space sector, the university will use existing infrastructure and expertise to develop state-of-the-art technologies through the new satellite.  
+
+The mission is based on the Cholomondas optical satellite communications station in Taxiarchis, Halkidiki. The Cholomondas astronomical station, managed by the Department of Theoretical Mechanics of the School of Physics, has been selected to be one of the three nodes of the HellasQCI network. The aim of the network is to connect the metropolitan cities of Greece to a quantum communications network, part of the corresponding European EuroQCI network. The optical satellite communications station is under construction and when completed will perform optical links with satellite systems. 
+
+The SpaceDot research group of the Electronics Laboratory at the Department of Electrical and Computer Engineering plays a key role in the implementation of the project. SpaceDot, through its participation in the European Space Agency's "Fly Your Satellite! 3" programme with the AcubeSAT nanosatellite, has nurtured students' skills in nanosatellite design and construction. SpaceDot has in recent years created an incubator of space-related engineers and scientists, with more than 60 active members today.
+
+The aim of the new PeakSAT nano-satellite is to demonstrate optical satellite links from Low Earth Orbit to the Cholomondas station. Optical satellite communications in these orbits is a field that is under continuous development and is becoming increasingly necessary in modern times. Optical signals can transfer significantly more data between space and ground compared to conventional radio networks, as the increased bandwidth and focused beams used can achieve substantial increases in data rate. On the other hand, there are objective challenges that this technology has to address. Achieving links at altitudes above 500km is extremely difficult, as it requires the optical terminal to be aligned with the lens of the base station while the satellite is moving at a speed of 8 km/second.
+
+Following the submission of the Aristotle University proposal, the consortium was accepted in March 2023 to participate in the _Greek CubeSats In-Orbit Validation Projects_ programme by the European Space Agency.
+The kick-off of the new satellite development programme took place in April, and the project is currently in its fifth month.
\ No newline at end of file
diff --git a/hugo.yaml b/hugo.yaml
index 66d98f9..84a30b5 100644
--- a/hugo.yaml
+++ b/hugo.yaml
@@ -1,220 +1,163 @@
 baseURL: ''
-title: PeakSat
+title: PeakSAT
 languageCode: en-us
 DefaultContentLanguage: en
 enableEmoji: true
 enableGitInfo: true
 enableRobotsTXT: true
 canonifyURLs: true
 paginate: 9
 darkmode_js:
   - assets/js/darkmode.js
 enableInlineShortcodes: true
 
 markup:
   goldmark:
     extensions:
       definitionList: true
       footnote: true
       linkify: true
       linkifyProtocol: https
       strikethrough: true
       table: true
       taskList: true
       typographer:
         apostrophe: '&rsquo;'
         disable: false
         ellipsis: '&hellip;'
         emDash: '&mdash;'
         enDash: '&ndash;'
         leftAngleQuote: '&laquo;'
         leftDoubleQuote: '&ldquo;'
         leftSingleQuote: '&lsquo;'
         rightAngleQuote: '&raquo;'
         rightDoubleQuote: '&rdquo;'
         rightSingleQuote: '&rsquo;'
     parser:
       attribute:
         block: false
         title: true
       autoHeadingID: true
       autoHeadingIDType: github
       wrapStandAloneImageWithinParagraph: true
     renderer:
       hardWraps: false
       unsafe: true
       xhtml: false
 
 params:
-  author: Nusser Studios
+  author: SpaceDot
   authorimage: ../assets/images/global/author.webp
   og_image: /images/tailbliss-cover.png
-  moto: "Super Fast, and Flexible"
-  description: "A Hugo theme built with love, using TailwindCSS 3, Alpine.JS, and Hugo Pipes. Images are optimized for use with Hugo Pipes for WebP format."
+  moto: "A 3U Optical Communications Mission"
+  description: "Started in 2023, PeakSAT is a 3U CubeSat mission designed in the Aristotle University of Thessaloniki. It aims to demonstrate the capability of performing laser links with Optical Ground Stations in Greece, and to pave the way for a space-based quantum communications network."
   disable_theme_toggle: false
   disable_stay_uptodate: false
 
   p1:
-    heading: "Our mission"
-    image: "images/pages/astronaut.jpg"
+    heading: "Find us at TIF!"
+    image: "images/pages/event_1.jpg"
     content:
-      - text: "Sagittis scelerisque nulla cursus in enim consectetur quam. Dictum urna sed consectetur neque tristique pellentesque. Blandit amet, sed aenean erat arcu morbi. Cursus faucibus nunc nisl netus morbi vel porttitor vitae ut. Amet vitae fames senectus vitae."
-      - text: "Sollicitudin tristique eros erat odio sed vitae, consequat turpis elementum. Lorem nibh vel, eget pretium arcu vitae. Eros eu viverra donec ut volutpat donec laoreet quam urna. Sollicitudin tristique eroserat odio sed vitae, consequat turpis elementum. Lorem nibh vel, eget pretium arcu vitae. Eros eu viverra donec ut volutpat donec laoreet quam urna."
-      - text: "Rhoncus nisl, libero egestas diam fermentum dui. At quis tincidunt vel ultricies. Vulputate aliquet velit faucibus semper. Pellentesque in venenatis vestibulum consectetur nibh id. In id ut tempus egestas. Enim sit aliquam nec, a. Morbi enim fermentum lacus in. Viverra."
+      - text: "AcubeSAT and PeakSAT will be present at the Thessaloniki International Fair (TIF) from **9 to 17 September 2023**. Come visit us at the `akademia` pavilion **(Pavilion 14, AUTh stand)** to learn more about our missions and our projects."
   p2:
-    heading: "Just in time for Hacktoberfest with JIT Tailwind."
-    image: "images/pages/astronaut.jpg"
+    heading: "The mission"
+    image: "images/global/peaksat_patch_draft_purple.png"
     content:
-      - text: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur at purus non enim commodo tincidunt vel in nulla. Aenean pretium dolor non ultricies bibendum. Etiam quis blandit enim. Nunc condimentum ut lorem in faucibus. Phasellus varius ligula et commodo tristique. Nunc sodales nisl nec laoreet vehicula. Donec velit nibh, sollicitudin at nulla a, egestas dignissim eros. Sed lacinia hendrerit interdum. Vestibulum pellentesque sem venenatis nisl tempor accumsan sit amet tempus felis. Mauris leo diam, porttitor nec bibendum id, tempus ac nulla. Etiam congue ornare erat at convallis. Donec in nisi dapibus, mattis risus vel, imperdiet enim. Donec fermentum sit amet tortor nec tincidunt. Nam nec lectus tortor. Nunc sit amet laoreet orci, porta ornare massa. Phasellus eget lorem mi. Nam eleifend ultricies sapien, quis mollis leo bibendum at. Quisque viverra lorem sit amet magna aliquet, et dignissim arcu eleifend."
+      - text: "PeakSAT is a 3U CubeSat mission that is being designed and developed at the Aristotle University of Thessaloniki. The mission is centred around the demonstration of advanced optical communications technology for both downlink and uplink, using the CubeSat platform."      
+      - text: PeakSAT will be composed of COTS components, with the inclusion of some in-house developments and an optical terminal as a payload. The mission aims to achieve a 1 Gbps downlink at C-band and 100 Mbps uplink at L-band with the Holomondas Observatory in Halkidiki.
   p3:
     heading: "Backed by world-renowned investors"
     content:
       - text: "Sagittis scelerisque nulla cursus in enim consectetur quam. Dictum urna sed consectetur neque tristique pellentesque. Blandit amet, sed aenean erat arcu morbi. Cursus faucibus nunc nisl netus morbi vel porttitor vitae ut. Amet vitae fames senectus vitae."
     links:
       - text: Meet our investors and advisors
         url: "#"
-    logos:
-      - identifier: a
-        image: "images/global/sample-logo.svg"
-        alt: "a"
-      - identifier: b
-      - identifier: c
-      - identifier: d
-      - identifier: e
-      - identifier: f
+
   p4:
-    heading: "From the blog"
-    content:
-      - text: "Lorem ipsum dolor sit amet consectetur, adipisicing elit. Ipsa libero labore natus atque, ducimus sed."
-  p5:
-    heading: "Stay Up to Date"
+    heading: "News"
     content:
-      - text: "Sagittis scelerisque nulla cursus in enim consectetur quam. Dictum urna sed consectetur neque tristique pellentesque."
-    action: "#"
-    label: "Email address"
-    placeholder: "Enter your email"
-    button: "Notify me"
+      - text: "Updates from the development of PeakSat"
 
   social_media:
     github:
       enabled: false
       url: 'https://github.com/peaksat'
     facebook:
       enabled: true
       url: 'https://www.facebook.com/spacedot.auth/'
     instagram:
       enabled: true
       url: 'https://www.instagram.com/spacedot.auth/'
     linkedin:
       enabled: true
       url: 'https://www.linkedin.com/company/spacedot/'
     
 
 menu:
   main:
     - identifier: prose
       name: Prose
       url: /prose/
       weight: 10
     - identifier: about
       name: About
       url: /about/
       weight: 20
     - identifier: categories
       pre: dropdown
       name: Categories
       weight: 30
     - identifier: dropdown
       pre: complexdropdown
       name: Dropdown
       weight: 40
     - identifier: contact
       name: Contact
       url: /contact/
       weight: 50
-  categories:
-    - identifier: prose
-      name: Prose
-      url: /prose/
-      weight: 10
-    - identifier: about
-      name: About
-      url: /about/
-      weight: 20
-  dropdown:
-    - identifier: appearance
-      pre: stars # can be stars, comments or piechart
-      name: Appearance
-      post: "Easy customization"
-      url: "#"
-      weight: 10
-    - identifier: comments
-      pre: comments # can be stars, comments or piechart
-      name: Comments
-      post: "Check your latest comments"
-      url: "#"
-      weight: 20
-    - identifier: analytics
-      pre: piechart # can be stars, comments or piechart
-      name: Analytics
-      post: "Take a look at your statistics"
-      url: "#"
-      weight: 30
   footer:
     - identifier: about
       name: About
       url: /about/
       weight: 10
-    - identifier: blog
-      name: Blog
-      url: /categories/blog/
-      weight: 20
     - identifier: news
       name: News
       url: /categories/news/
       weight: 30
-    - identifier: prose
-      name: Prose
-      url: /prose/
-      weight: 40
-    - identifier: contact
-      name: Contact
-      url: /contact/
-      weight: 50
 
 markup:
   goldmark:
     renderer:
       unsafe: true
 
 taxonomies:
   category: Categories
   tag: Tags
 
 privacy:
   disqus:
     disable: false
   googleAnalytics:
     anonymizeIP: true
     disable: false
     respectDoNotTrack: false
     useSessionStorage: false
   instagram:
     disable: false
     simple: false
   twitter:
     disable: false
     enableDNT: false
     simple: false
   vimeo:
     disable: false
     enableDNT: false
     simple: false
   youtube:
     disable: false
     privacyEnhanced: true
 
 module:
   hugoVersion:
     extended: true
     min: "0.104.0"
\ No newline at end of file
diff --git a/layouts/index.html b/layouts/index.html
index ca8a284..14e0a1b 100644
--- a/layouts/index.html
+++ b/layouts/index.html
@@ -1,276 +1,333 @@
 {{ define "main" }}
 <main>
     <div class="bg-gray-200 dark:bg-gray-900">
         <div class="max-w-screen-xl px-4 py-8 mx-auto">
             <div class="grid items-center gap-8 mb-8 sm:mb-0 lg:gap-12 lg:grid-cols-12">
                 <div class="col-span-6 px-4 text-center sm:mb-6 lg:text-left lg:mb-0">
-                    <h1 class="mb-2 text-4xl font-extrabold leading-none tracking-tight text-gray-900 md:text-5xl xl:text-6xl dark:text-white">
+                    <h1
+                        class="mb-2 text-4xl font-extrabold leading-none tracking-tight text-gray-900 md:text-5xl xl:text-6xl dark:text-white">
                         {{ .Site.Title }}
                     </h1>
                     <h2 class="pb-2 text-3xl font-light text-gray-800 dark:text-gray-300 md:text-4xl">
                         {{ .Site.Params.Moto }}
                     </h2>
-                    <p class="max-w-xl mx-auto mb-6 font-normal text-gray-900 lg:mx-0 xl:mb-2 md:text-lg xl:text-xl dark:text-gray-50">
+                    <p
+                        class="max-w-xl mx-auto mb-6 font-normal text-gray-900 lg:mx-0 xl:mb-2 md:text-lg xl:text-xl dark:text-gray-50">
                         {{ .Site.Params.Description}}
                     </p>
                 </div>
                 <div class="col-span-6">
-                    {{ $hero := resources.GetMatch "images/featured/featured-img-placeholder.png" }}
+                    {{ $hero := resources.GetMatch "images/pages/peaksat_render.png" }}
 
-                    {{ $thumb := ($hero.Fill "400x400 webp q90") }}
-                    {{ $large := ($hero.Fill "576x576 webp q90") }}
+                    {{ $thumb := ($hero.Resize "x400 webp q100") }}
+                    {{ $large := ($hero.Resize "x576 webp q100") }}
 
                     <img srcset="
-                        {{- with $thumb.RelPermalink -}}{{.}} 400w{{- end -}}
-                        {{- with $large.RelPermalink -}}, {{.}} 576w{{- end -}}" src="{{ $hero.RelPermalink }}" width="100%" height="" alt="TailBliss Hero" class="w-full max-w-xl mx-auto rounded-lg" />
+                        {{- with $thumb.RelPermalink -}}{{.}} 400h{{- end -}}
+                        {{- with $large.RelPermalink -}}, {{.}} 576h{{- end -}}" src="{{ $hero.RelPermalink }}"
+                        width="100%" height="" alt="Render of PeakSAT" class="w-full max-w-xl mx-auto rounded-lg" />
                 </div>
             </div>
         </div>
     </div>
 
     <!-- More main page content here... -->
 
     <!-- Our mission section -->
     <div class="relative my-4">
         <div class="lg:mx-auto lg:grid lg:max-w-7xl lg:grid-cols-2 lg:items-start lg:gap-24 lg:px-8">
             <div class="relative sm:py-8 lg:py-0">
                 <div aria-hidden="true" class="hidden sm:block lg:absolute lg:inset-y-0 lg:right-0 lg:w-screen">
-                    <div class="absolute inset-y-0 w-full bg-gray-50 dark:bg-gray-900/10 right-1/2 rounded-r-3xl lg:right-72"></div><svg class="absolute -ml-3 top-8 left-1/2 lg:-right-8 lg:left-auto lg:top-12" width="404" height="392" fill="none" viewBox="0 0 404 392" loading="lazy">
+                    <div
+                        class="absolute inset-y-0 w-full bg-gray-50 dark:bg-gray-900/10 right-1/2 rounded-r-3xl lg:right-72">
+                    </div><svg class="absolute -ml-3 top-8 left-1/2 lg:-right-8 lg:left-auto lg:top-12" width="404"
+                        height="392" fill="none" viewBox="0 0 404 392" loading="lazy">
                         <defs>
-                            <pattern id="02f20b47-fd69-4224-a62a-4c9de5c763f7" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse">
-                                <rect x="0" y="0" width="4" height="4" class="text-gray-200 dark:text-gray-900/60" fill="currentcolor"></rect>
+                            <pattern id="02f20b47-fd69-4224-a62a-4c9de5c763f7" x="0" y="0" width="20" height="20"
+                                patternUnits="userSpaceOnUse">
+                                <rect x="0" y="0" width="4" height="4" class="text-gray-200 dark:text-gray-900/60"
+                                    fill="currentcolor"></rect>
                             </pattern>
                         </defs>
                         <rect width="404" height="392" fill="url(#02f20b47-fd69-4224-a62a-4c9de5c763f7)"></rect>
                     </svg>
                 </div>
                 <div class="relative w-full h-auto px-4 py-6 mx-auto sm:max-w-3xl sm:px-6 lg:px-0 lg:py-20">
                     <div class="overflow-hidden shadow-xl rounded-2xl">
                         {{ $p1image := resources.Get .Site.Params.P1.Image }}
                         {{ with $p1image }}
                         {{ with .Resize (printf "%dx%d webp q90" .Width .Height) }}
-                        <img imgh src="{{ .RelPermalink }}" width="{{ .Width }}" height="{{ .Height }}" class="w-full h-auto" alt="P1" loading="lazy" />
+                        <img imgh src="{{ .RelPermalink }}" width="{{ .Width }}" height="{{ .Height }}"
+                            class="w-full h-auto" alt="P1" loading="lazy" />
                         {{ end }}
                         {{ end }}
                     </div>
                 </div>
             </div>
             <div class="relative max-w-md px-4 mx-auto sm:max-w-3xl sm:px-6 lg:px-0">
                 <div class="md:pt-12 sm:pt-6 lg:pt-20">
                     <h2 class="text-3xl font-bold tracking-tight text-gray-900 dark:text-gray-50 sm:text-4xl">
                         {{ .Site.Params.P1.Heading }}
                     </h2>
                     <div class="mt-6 text-gray-900 dark:text-white">
                         <div class="mt-6 space-y-6 text-gray-900 dark:text-white">
                             {{ range .Site.Params.P1.Content }}
                             <p class="text-lg text-gray-900 dark:text-white">
-                                {{ .text }}
+                                {{ .text | markdownify }}
                             </p>
                             {{ end }}
-                        </div>
+                            {{ $logo := resources.GetMatch "images/pages/TIF_logo_el.png" }}
+
+                            {{ $thumb := ($logo.Resize "x400 webp q100") }}
+                            {{ $large := ($logo.Resize "x576 webp q100") }}
+
+                            <div class="w-full max-w-xl">
+                            <a href="https://www.thessalonikifair.gr"><img srcset="
+                                {{- with $thumb.RelPermalink -}}{{.}} 400w{{- end -}}
+                                {{- with $large.RelPermalink -}}, {{.}} 576w{{- end -}}" src="{{ $logo.RelPermalink }}"
+                                alt="TIF logo" class="h-48 bg-slate-100/70 py-4 px-10 mx-auto rounded-lg" /></a>
+                            </div>
                     </div>
                 </div>
             </div>
         </div>
     </div>
 
     <!-- JITsection -->
     <div class="overflow-hidden sm:pt-6 lg:relative">
         <div class="max-w-md px-4 mx-auto sm:max-w-3xl sm:px-6 lg:grid lg:max-w-7xl lg:grid-cols-2 lg:gap-12 lg:px-8">
             <div>
                 <div class="md:mt-8">
                     <div class="mt-6 sm:max-w-xl">
-                        <h2 class="text-3xl font-extrabold tracking-tight text-gray-900 dark:text-white sm:text-4xl md:mt-16">
+                        <h2
+                            class="text-3xl font-extrabold tracking-tight text-gray-900 dark:text-white sm:text-4xl md:mt-16">
                             {{ .Site.Params.P2.Heading }}
                         </h2>
                         {{ range .Site.Params.P2.Content }}
                         <p class="pb-12 mt-6 text-lg text-gray-900 dark:text-white">
                             {{ .text }}
                         </p>
                         {{ end }}
                         </p>
                     </div>
                 </div>
             </div>
         </div>
         <div class="sm:mx-auto sm:max-w-3xl sm:px-6">
             <div class="md:py-12 sm:relative sm:mt-12 lg:absolute lg:inset-y-0 lg:right-0 lg:w-1/2">
                 <div class="hidden sm:block">
-                    <div class="absolute inset-y-0 w-screen left-1/2 rounded-l-3xl bg-gray-50 dark:bg-gray-900/10 lg:left-80 lg:right-0 lg:w-full"></div><svg class="absolute -mr-3 top-8 right-1/2 lg:left-0 lg:m-0" width="404" height="392" fill="none" viewBox="0 0 404 392" loading="lazy">
+                    <div
+                        class="absolute inset-y-0 w-screen left-1/2 rounded-l-3xl bg-gray-50 dark:bg-gray-900/10 lg:left-80 lg:right-0 lg:w-full">
+                    </div><svg class="absolute -mr-3 top-8 right-1/2 lg:left-0 lg:m-0" width="404" height="392"
+                        fill="none" viewBox="0 0 404 392" loading="lazy">
                         <defs>
-                            <pattern id="837c3e70-6c3a-44e6-8854-cc48c737b659" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse">
-                                <rect x="0" y="0" width="4" height="4" class="text-gray-200 dark:text-gray-900/60" fill="currentcolor"></rect>
+                            <pattern id="837c3e70-6c3a-44e6-8854-cc48c737b659" x="0" y="0" width="20" height="20"
+                                patternUnits="userSpaceOnUse">
+                                <rect x="0" y="0" width="4" height="4" class="text-gray-200 dark:text-gray-900/60"
+                                    fill="currentcolor"></rect>
                             </pattern>
                         </defs>
                         <rect width="404" height="392" fill="url(#837c3e70-6c3a-44e6-8854-cc48c737b659)"></rect>
                     </svg>
                 </div>
                 <div class="relative pl-4 -mr-40 sm:mx-auto sm:max-w-3xl sm:px-0 lg:h-full lg:max-w-none lg:pl-12">
                     {{ $p2image := resources.Get .Site.Params.P2.Image }}
                     {{ with $p2image }}
                     {{ with .Resize (printf "%dx%d webp q90" .Width .Height) }}
-                    <img imgh src="{{ .RelPermalink }}" width="{{ .Width }}" height="{{ .Height }}" alt="p2" class="w-full rounded-lg shadow-xl lg:h-full lg:w-auto lg:max-w-none" loading="lazy" />
+                    <img imgh src="{{ .RelPermalink }}" width="{{ .Width }}" height="{{ .Height }}" alt="p2"
+                        class="w-full rounded-lg lg:h-96 lg:w-auto lg:max-w-none" loading="lazy" />
                     {{ end }}
                     {{ end }}
 
                 </div>
             </div>
         </div>
     </div>
 
 
     <!-- Sponsors section -->
     <div class="max-w-md px-4 mx-auto md:pt-24 md:pb-16 sm:max-w-3xl sm:px-6 lg:max-w-7xl lg:px-8">
         <div class="lg:grid lg:grid-cols-2 lg:items-center lg:gap-24">
             <div class="mt-12 grid grid-cols-2 gap-0.5 md:grid-cols-3 lg:mt-0 lg:grid-cols-2">
                 {{ range .Site.Params.P3.Logos }}
                 <div class="flex justify-center col-span-1 px-8 py-8 bg-gray-50 dark:bg-gray-900/10">
                     {{ if .image }}
                     {{ $sponsor := resources.Get .image }}
-                    <img src="{{ $sponsor.RelPermalink }}" class="max-h-12 dark:invert" alt="{{ .alt }}" loading="lazy" />
+                    <img src="{{ $sponsor.RelPermalink }}" class="max-h-12 dark:invert" alt="{{ .alt }}"
+                        loading="lazy" />
                     {{ else }}
-                    {{ $sponsor := resources.Get "images/global/sample-logo.svg" }}
-                    <img src="{{ $sponsor.RelPermalink }}" class="max-h-12 dark:invert" alt="{{ .alt }}" loading="lazy" />
+                    {{ $sponsor := resources.Get "images/global/spacedot_circle.svg" }}
+                    <img src="{{ $sponsor.RelPermalink }}" class="max-h-12 dark:invert" alt="{{ .alt }}"
+                        loading="lazy" />
                     {{ end }}
                 </div>
                 {{ end }}
             </div>
             <div>
                 <h2 class="text-3xl font-bold tracking-tight text-gray-900 dark:text-gray-50 sm:text-4xl">
                     {{ .Site.Params.P3.Heading }}
                 </h2>
                 {{ range .Site.Params.P3.Content }}
                 <p class="max-w-3xl mt-6 text-lg leading-7 text-gray-900 dark:text-white">
                     {{ .text }}
                 </p>
                 {{ end }}
                 {{ range .Site.Params.P3.Links }}
                 <div class="my-6">
                     <a href="{{ .url }}" class="text-base font-medium text-primary-400 dark:text-primary-100">
                         {{ .text }}&nbsp&rarr;
                     </a>
                 </div>
                 {{ end }}
             </div>
         </div>
     </div>
 
     <!-- Blog section -->
     <div class="relative px-1 pt-8 pb-4 bg-transparent lg:px-8 lg:pt-12 lg:mb-4 md:mt-12">
         <div class="absolute inset-0">
             <div class="bg-gray-200 dark:bg-gray-900/50 h-1/3 sm:h-2/3"></div>
         </div>
         <div class="relative px-2 mx-auto max-w-7xl">
             <div class="text-center">
                 <h2 class="text-3xl font-black tracking-tight text-primary-500 dark:text-primary-300 sm:text-4xl">
                     {{ .Site.Params.P4.Heading }}
                 </h2>
                 {{ range .Site.Params.P4.Content }}
                 <p class="max-w-2xl mx-auto mt-3 text-xl text-gray-500 dark:text-gray-300 sm:mt-4">
                     {{ .text }}
                 </p>
                 {{ end }}
             </div>
 
             <div class="mx-auto text-gray-900 max-w-7xl dark:text-gray-50 md:px-1.5">
                 <div class="px-4 text-gray-900 dark:text-white not-prose dark:text-zinc-200">
                     <div class="grid gap-4 mx-auto mt-12 mb-4 lg:max-w-none md:grid-cols-3">
-                        {{ range (.Paginator 3).Pages }}
+                        {{ $posts := where .Site.RegularPages "Section" "posts" | first 3 }}
+                        {{ range $posts }}
                         <div class="flex flex-col overflow-hidden rounded-lg shadow-lg bg-gray-50 dark:bg-gray-900">
                             <a href="{{.Permalink}}">
                                 {{ with .Params.featured_image }}
                                 {{ with resources.Get . }}
                                 {{ $postimage := (.Resize "500x webp q90").RelPermalink }}
-                                <img src="{{ $postimage }}" class="object-fill overflow-hidden rounded-t-lg" width="100%" height="" loading="lazy" alt="{{ .Title }}" />
+                                <img src="{{ $postimage }}" class="object-fill overflow-hidden rounded-t-lg"
+                                    width="100%" height="" loading="lazy" alt="{{ .Title }}" />
 
                                 {{ end }}
                                 {{ end }}
                             </a>
                             <div class="p-6">
                                 <div class="flex-1">
-                                    <a href="{{.Permalink}}" class="block mt-2 text-2xl font-black text-gray-900 dark:text-gray-200 hover:text-primary-600 dark:hover:text-primary-500 hover:underline">
+                                    <a href="{{.Permalink}}"
+                                        class="block mt-2 text-2xl font-black text-gray-900 dark:text-gray-200 hover:text-primary-600 dark:hover:text-primary-500 hover:underline">
                                         {{ .Title }}
                                     </a>
                                     <p class="mt-3 text-base text-gray-900 dark:text-gray-300">
                                         {{ .Params.summary }}
                                     </p>
                                 </div>
                                 <div class="flex pt-6 font-medium text-primary-600 dark:text-primary-100 text-md">
                                     <span class="pr-2 font-black">Tags:</span>
                                     {{ range $elem_index, $elem_val := (.GetTerms "tags") }}
                                     {{- if gt $elem_index 0 }}, {{ end -}}
-                                    <a href="{{ .Permalink }}" class="inline-flex items-center rounded-md bg-gray-300 hover:bg-primary-200 hover:text-black px-2.5 py-0.5 text-sm font-medium text-gray-900 ">{{ .LinkTitle }}</a>
+                                    <a href="{{ .Permalink }}"
+                                        class="inline-flex items-center rounded-md bg-gray-300 hover:bg-primary-200 hover:text-black px-2.5 py-0.5 text-sm font-medium text-gray-900 ">{{
+                                        .LinkTitle }}</a>
                                     {{- end -}}
                                 </div>
                                 <div class="flex items-center mt-6">
                                     <div class="flex-shrink-0">
                                         <span class="sr-only">{{ .Params.author }}</span>
                                         {{ with .Params.authorimage }}
-                                        {{ with resources.Get . }}
-                                        {{ $authorimage := (.Resize "400x webp").RelPermalink }}
-                                        <img class="w-10 h-10 rounded-full" src="{{ $authorimage }}" alt="">
-                                        {{ end }}
+                                            {{ with resources.Get . }}
+                                            {{ if eq .MediaType.SubType "svg" }}
+                                                {{ $authorimage := .RelPermalink }}
+                                                <img class="w-10 h-10 rounded-full" src="{{ $authorimage }}" alt="">
+                                            {{ else }}
+                                                {{ $authorimage := (.Resize "40x webp").RelPermalink }}
+                                                <img class="w-10 h-10 rounded-full" src="{{ $authorimage }}" alt="">
+                                                {{ end }}
+                                            {{ end }}
                                         {{ end }}
                                     </div>
                                     <div class="pt-1 ml-3">
                                         <p class="text-sm font-medium text-gray-900 dark:text-white">
                                             {{ .Params.author }}
                                         </p>
                                         <div class="flex space-x-1 text-sm text-gray-500 dark:text-white">
                                             <time datetime="2020-02-12">{{.Date.Format "2006-01-02"}}</time>
                                             <span aria-hidden="true">&middot;</span>
                                             <span>{{ math.Round (div (countwords .Content) 220.0) }}
                                                 min read</span>
                                         </div>
                                     </div>
                                 </div>
                             </div>
                         </div>
                         {{ end }}
                     </div>
                 </div>
             </div>
         </div>
     </div>
 
     {{ if not .Site.Params.Disable_stay_uptodate}}
     <!-- CTA section -->
     <div class="relative pb-16 mt-6">
         <div class="max-w-md mx-auto px-7 sm:max-w-3xl lg:max-w-7xl">
             <div class="relative px-6 py-10 overflow-hidden shadow-xl bg-primary-500 rounded-2xl sm:px-12 sm:py-20">
                 <div aria-hidden="true" class="absolute inset-0 -mt-72 sm:-mt-32 md:mt-0">
-                    <svg class="absolute inset-0 w-full h-full" preserveAspectRatio="xMidYMid slice" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 1463 360" loading="lazy">
-                        <path class="text-primary-600 text-opacity-40" fill="currentColor" d="M-82.673 72l1761.849 472.086-134.327 501.315-1761.85-472.086z" />
-                        <path class="text-primary-600 text-opacity-40" fill="currentColor" d="M-217.088 544.086L1544.761 72l134.327 501.316-1761.849 472.086z" />
+                    <svg class="absolute inset-0 w-full h-full" preserveAspectRatio="xMidYMid slice"
+                        xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 1463 360" loading="lazy">
+                        <path class="text-primary-600 text-opacity-40" fill="currentColor"
+                            d="M-82.673 72l1761.849 472.086-134.327 501.315-1761.85-472.086z" />
+                        <path class="text-primary-600 text-opacity-40" fill="currentColor"
+                            d="M-217.088 544.086L1544.761 72l134.327 501.316-1761.849 472.086z" />
                     </svg>
                 </div>
                 <div class="relative">
                     <div class="sm:text-center">
                         <h2 class="text-3xl font-bold tracking-tight text-white sm:text-4xl">
-                            {{ .Site.Params.P5.Heading }}
+                            Contact Us
                         </h2>
-                        {{ range .Site.Params.P5.Content }}
                         <p class="max-w-2xl mx-auto mt-6 text-lg text-primary-100">
-                            {{ .text }}
+                            Questions, or interested in a collaboration?
+                            We would love to hear from you!
                         </p>
-                        {{ end }}
                     </div>
-                    <form action="{{ .Site.Params.P5.Action }}" class="mt-12 sm:mx-auto sm:flex sm:max-w-lg">
-                        <div class="flex-1 min-w-0">
-                            <label for="cta-email" class="sr-only">{{ .Site.Params.P5.Label }}</label>
-                            <input id="cta-email" type="email" class="block w-full px-5 py-3 text-base text-gray-900 placeholder-gray-500 border border-transparent rounded-md shadow-sm focus:border-transparent focus:outline-none focus:ring-2 focus:ring-white focus:ring-offset-2 focus:ring-offset-primary-500" placeholder="{{ .Site.Params.P5.Placeholder }}">
+                    <form action="{{ .Site.Params.P5.Action }}">
+                        <div class="mt-12 sm:mx-auto sm:flex sm:max-w-lg gap-3">
+                            <div class="flex-1 min-w-0">
+                                <label for="cta-name" class="sr-only">Your Name</label>
+                                <input id="cta-name" type="text"
+                                    class="block w-full px-5 py-3 text-base text-gray-900 placeholder-gray-500 border border-transparent rounded-md shadow-sm focus:border-transparent focus:outline-none focus:ring-2 focus:ring-white focus:ring-offset-2 focus:ring-offset-primary-500"
+                                    placeholder="Your Name">
+                            </div>
+                            <div class="flex-1 min-w-0 mt-4 sm:mt-0">
+                                <label for="cta-email" class="sr-only">E-mail Address</label>
+                                <input id="cta-email" type="email"
+                                    class="block w-full px-5 py-3 text-base text-gray-900 placeholder-gray-500 border border-transparent rounded-md shadow-sm focus:border-transparent focus:outline-none focus:ring-2 focus:ring-white focus:ring-offset-2 focus:ring-offset-primary-500"
+                                    placeholder="E-mail Address">
+                            </div>
+                        </div>
+                        <div class="sm:mx-auto sm:max-w-lg mt-4">
+                            <label for="cta-email" class="sr-only">Your Message</label>
+                            <textarea id="cta-message" rows="4"
+                                class="w-full px-5 py-3 text-base text-gray-900 placeholder-gray-500 border border-transparent rounded-md shadow-sm focus:border-transparent focus:outline-none focus:ring-2 focus:ring-white focus:ring-offset-2 focus:ring-offset-primary-500"
+                                placeholder="Your Message"></textarea>
                         </div>
-                        <div class="mt-4 sm:mt-0 sm:ml-3">
-                            <button type="submit" class="block w-full px-5 py-3 text-base font-medium text-white bg-gray-900 border border-transparent rounded-md shadow hover:bg-black focus:outline-none focus:ring-2 focus:ring-white focus:ring-offset-2 focus:ring-offset-primary-500 sm:px-10">
-                                {{ .Site.Params.P5.Button }}
+                        <div class="sm:mx-auto sm:max-w-lg mt-4">
+                            <button type="submit"
+                                class="block w-full px-5 py-3 text-base font-medium text-white bg-gray-900 border border-transparent rounded-md shadow hover:bg-black focus:outline-none focus:ring-2 focus:ring-white focus:ring-offset-2 focus:ring-offset-primary-500 sm:px-10">
+                                Submit
                             </button>
                         </div>
                     </form>
                 </div>
             </div>
         </div>
     </div>
     {{ end }}
 
 </main>
 {{ end }}
\ No newline at end of file
diff --git a/layouts/partials/posts-template.html b/layouts/partials/posts-template.html
index b8c4e37..1095d4c 100644
--- a/layouts/partials/posts-template.html
+++ b/layouts/partials/posts-template.html
@@ -1,63 +1,64 @@
 <div class="mx-auto text-gray-900 max-w-7xl dark:text-gray-50">
     <div class="px-4 not-prose">
         <div class="grid gap-4 mx-auto mt-12 mb-4 lg:max-w-none md:grid-cols-3">
             {{ range .Paginator.Pages }}
             <div class="flex flex-col overflow-hidden rounded-lg shadow-lg bg-gray-50 dark:bg-gray-900">
                 <a href="{{.Permalink}}">
                     {{ with .Params.featured_image }}
                     {{ with resources.Get . }}
                     {{ $postimage := (.Resize "500x webp q90").RelPermalink }}
                     <img src="{{ $postimage }}" class="object-fill overflow-hidden rounded-t-lg" width="100%" height=""
                          loading="lazy" alt="{{ .Title }}" />
 
                     {{ end }}
                     {{ end }}
                 </a>
                 <div class="p-6">
                     <div class="flex-1">
                         <a href="{{.Permalink}}"
                            class="block mt-2 text-2xl font-black text-gray-900 dark:text-gray-200 hover:text-primary-600 dark:hover:text-primary-500 hover:underline">
                             {{.Title}}
                         </a>
                         <p class="mt-3 text-base text-gray-900 dark:text-gray-300">
                             {{ .Params.summary }}
                         </p>
                     </div>
                     <div class="flex pt-6 font-medium text-primary-600 dark:text-primary-100 text-md">
                         <span class="pr-2 font-black">Tags:</span>
                         <span>
                         {{ range $elem_index, $elem_val := (.GetTerms "tags") }}
                         {{- if gt $elem_index 0 }}, {{ end -}}
                         <a href="{{ .Permalink }}"
                            class="inline-flex items-center rounded-md bg-gray-300 hover:bg-primary-200 hover:text-black px-2.5 py-0.5 text-sm font-medium text-gray-900 capitalize">{{ .LinkTitle }}</a>
                         {{- end -}}
                         </span>
                     </div>
                     <div class="flex items-center mt-6">
                         <div class="flex-shrink-0">
                             <span class="sr-only">{{ .Params.author }}</span>
                             {{ with .Params.authorimage }}
                             {{ with resources.Get . }}
-                            {{ $authorimage := (.Resize "40x webp").RelPermalink }}
+                            {{ $authorimage := .RelPermalink }}
+
                             <img class="w-10 h-10 rounded-full" src="{{ $authorimage }}" alt="">
                             {{ end }}
                             {{ end }}
                         </div>
                         <div class="pt-1 ml-3">
                             <p class="text-sm font-medium text-gray-900 dark:text-white">
                                 {{ .Params.author }}
                             </p>
                             <div class="flex space-x-1 text-sm text-gray-500 dark:text-white">
                                 <time datetime="2020-02-12">{{.Date.Format "2006-01-02"}}</time>
                                 <span aria-hidden="true">&middot;</span>
                                 <span>{{ math.Round (div (countwords .Content) 220.0) }}
                                     min read</span>
                             </div>
                         </div>
                     </div>
                 </div>
             </div>
             {{ end }}
         </div>
     </div>
 </div>
diff --git a/tailwind.config.js b/tailwind.config.js
index b8c525c..9db9350 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -1,103 +1,105 @@
 const defaultTheme = require('tailwindcss/defaultTheme')
 
 // tailwind.config.js
 module.exports = {
   content: ['./layouts/**/*.html', './content/**/*.md', './assets/**/*.svg'],
   darkMode: 'class',
   theme: {
     extend: {
       colors: {
         transparent: 'transparent',
         current: 'currentColor',
+        // https://www.tailwindshades.com/#color=277.94871794871796%2C100%2C22.941176470588236&step-up=10&step-down=7&hue-shift=0&name=default&base-stop=7&v=1&overrides=e30%3D
         'primary': {
           DEFAULT: '#4A0075',
           50: '#E8C2FF',
           100: '#DFA8FF',
           200: '#CC75FF',
           300: '#BA42FF',
           400: '#A70FFF',
           500: '#8B00DB',
           600: '#6A00A8',
           700: '#4A0075',
           800: '#330051',
           900: '#1D002E',
           950: '#12001C'
         },
+        // https://www.tailwindshades.com/#color=25.987261146496813%2C91.81286549707605%2C66.47058823529412&step-up=8&step-down=11&hue-shift=0&name=tan-hide&base-stop=4&v=1&overrides=e30%3D
         'secondary': {
           DEFAULT: '#F89F5B',
           50: '#FEEFE4',
           100: '#FDE4D0',
           200: '#FBCDA9',
           300: '#FAB682',
           400: '#F89F5B',
           500: '#F68025',
           600: '#DA6309',
           700: '#A44B07',
           800: '#6E3205',
           900: '#381A02',
           950: '#1D0D01'
         },
         'neutral': {
           DEFAULT: '#6B7280',
           50: '#CDD0D5',
           100: '#C2C5CC',
           200: '#ACB0BA',
           300: '#969BA7',
           400: '#7F8694',
           500: '#6B7280',
           600: '#515761',
           700: '#383C43',
           800: '#1E2024',
           900: '#050506'
         },
         // To change these, use https://www.tailwindshades.com/ with https://tailwindcss.com/docs/customizing-colors or create your own custom colors.
       },
       lineHeight: {
         'extra-loose': '2.5',
         '12': '3rem',
       },
       typography: (theme) => ({
         DEFAULT: {
           css: {
             '--tw-prose-body': theme('colors.zinc[800]'),
             '--tw-prose-headings': theme('colors.zinc[900]'),
             '--tw-prose-lead': theme('colors.zinc[700]'),
             '--tw-prose-links': theme('colors.zinc[900]'),
             '--tw-prose-bold': theme('colors.zinc[900]'),
             '--tw-prose-counters': theme('colors.zinc[600]'),
             '--tw-prose-bullets': theme('colors.zinc[400]'),
             '--tw-prose-hr': theme('colors.zinc[300]'),
             '--tw-prose-quotes': theme('colors.zinc[900]'),
             '--tw-prose-quote-borders': theme('colors.zinc[300]'),
             '--tw-prose-captions': theme('colors.zinc[700]'),
             '--tw-prose-code': theme('colors.indigo[500]'),
             '--tw-prose-pre-code': theme('colors.indigo[300]'),
             '--tw-prose-pre-bg': theme('colors.gray[900]'),
             '--tw-prose-th-borders': theme('colors.zinc[300]'),
             '--tw-prose-td-borders': theme('colors.zinc[200]'),
             '--tw-prose-invert-body': theme('colors.zinc[200]'),
             '--tw-prose-invert-headings': theme('colors.white'),
             '--tw-prose-invert-lead': theme('colors.zinc[300]'),
             '--tw-prose-invert-links': theme('colors.indigo[400]'),
             '--tw-prose-invert-bold': theme('colors.white'),
             '--tw-prose-invert-counters': theme('colors.zinc[400]'),
             '--tw-prose-invert-bullets': theme('colors.zinc[200]'),
             '--tw-prose-invert-hr': theme('colors.zinc[500]'),
             '--tw-prose-invert-quotes': theme('colors.zinc[100]'),
             '--tw-prose-invert-quote-borders': theme('colors.zinc[700]'),
             '--tw-prose-invert-captions': theme('colors.zinc[400]'),
             '--tw-prose-invert-code': theme('colors.indigo[400]'),
             '--tw-prose-invert-pre-code': theme('colors.indigo[300]'),
             '--tw-prose-invert-pre-bg': theme('colors.gray[900]'),
             '--tw-prose-invert-th-borders': theme('colors.zinc[100]'),
             '--tw-prose-invert-td-borders': theme('colors.zinc[500]'),
           },
         },
       }),
     },
   },
   variants: {
     typography: ["dark"],
   },
   plugins: [require("@tailwindcss/typography")],
 };